:root{--background: #1a1a1a;--text-light: #f5f5f5;--text-dark: #999;--border: #404040;--hover: #363636;--component-bg: #2d2d2d;--border-white-15: rgba(255, 255, 255, .15);--border-white-30: rgba(255, 255, 255, .3);--shadow-white-10: rgba(255, 255, 255, .1);--shadow-black-12: rgba(0, 0, 0, .12);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 2.5rem;--space-xxl: 3.5rem;--section-margin-bottom: var(--space-xl);--section-gap: var(--space-lg);--card-padding: var(--space-sm);--table-padding: var(--space-md) var(--space-sm);--button-padding: var(--space-xs) var(--space-sm);--button-radius: 8px;--shadow-light: rgba(0, 0, 0, .3);--shadow-medium: rgba(0, 0, 0, .5);--shadow-dark: rgba(0, 0, 0, .7);--error-notification-padding: var(--space-sm) var(--space-md);--error-notification-radius: 4px;--error-notification-offset: 20px;--error-notification-max-width: 400px;--filter-selector-padding-right: 2rem;--search-results-gap-mobile: .1rem;--search-bg: rgba(45, 45, 45, .98);--search-shadow: 0 4px 24px 0 rgba(0, 0, 0, .25);--search-border: var(--border-white-15);--search-accent: var(--border-white-30)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-light);background-color:var(--background);display:flex;flex-direction:column;min-height:100vh}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-lg);display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.section{width:100%;margin-bottom:var(--section-margin-bottom)}.section-title{font-size:2rem;font-weight:600;color:var(--text-light);margin-bottom:var(--space-sm)}.section-year{font-size:1.3rem;margin-top:var(--space-lg);margin-bottom:var(--space-sm);color:var(--text-dark);font-weight:500}@media (max-width: 1024px){.section{margin-bottom:var(--space-lg)}}@media (max-width: 768px){.section{margin-bottom:var(--space-md)}}@media (max-width: 480px){.section{margin-bottom:var(--space-sm)}}.index-page .section{margin-bottom:var(--section-margin-bottom)}.content-page .section-title{text-align:center}@media (max-width: 1024px){.index-page .section{margin-bottom:var(--space-lg)}}@media (max-width: 768px){.index-page .section{margin-bottom:var(--space-md)}}@media (max-width: 480px){.index-page .section{margin-bottom:var(--space-sm)}}.site-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) 0;border-bottom:1px solid var(--border);margin-bottom:var(--section-margin-bottom)}.logo-container{display:flex;flex-direction:column;text-decoration:none;color:inherit}.site-title{font-size:2.5rem;font-weight:600;color:var(--text-light)}.site-tagline{font-size:1rem;color:var(--text-dark);margin-top:var(--space-xs)}.site-nav{display:flex;gap:var(--space-md);list-style:none;margin:0;padding:0}.nav-link{color:var(--text-light);text-decoration:underline;font-size:1.1rem;transition:opacity .2s ease}.nav-link:hover{opacity:.8}.nav-link.active{font-weight:500}.site-footer{padding:var(--space-lg) 0;border-top:1px solid var(--border);text-align:center;color:var(--text-dark);font-size:.9rem}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.footer-text{font-weight:500;color:var(--text-dark);opacity:.8;font-size:1rem}.card{background-color:var(--component-bg);border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #0003;border:2px solid var(--border);transition:all .2s ease;display:block;text-decoration:none;color:inherit}.card:hover{background-color:var(--hover);border-color:#ffffff4d;box-shadow:0 0 0 2px #ffffff1a}.card-image-placeholder{height:250px;background-color:var(--hover);display:flex;justify-content:center;align-items:center;color:var(--text-dark);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.card-image-placeholder .watch-image{width:100%;height:100%;object-fit:cover;display:block}.card-content{padding:var(--space-sm)}.card-title{font-size:1.2rem;font-weight:600;color:var(--text-light);margin-bottom:var(--space-xs);line-height:1.3}.card-subtitle{font-size:.9rem;color:var(--text-dark);line-height:1.2}.error-message{grid-column:1 / -1;padding:var(--space-lg);margin:var(--space-lg) 0;text-align:center;background-color:var(--component-bg);border:1px solid var(--border);border-radius:8px;color:var(--text-dark)}.error-title{font-size:1.5rem;font-weight:600;color:var(--text-light);margin-bottom:var(--space-md)}.error-text{font-size:1rem;color:var(--text-dark);margin-bottom:var(--space-md);line-height:1.6}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{position:relative;overflow:hidden;background-color:var(--component-bg)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#fff0,#ffffff0d,#fff0);background-size:1000px 100%;animation:shimmer 2s infinite linear}.skeleton-image{background-color:var(--component-bg);display:block}.skeleton-title{height:1.2rem;background-color:var(--component-bg);border-radius:4px;margin-bottom:var(--space-xs);width:90%}.skeleton-subtitle{height:.9rem;background-color:var(--component-bg);border-radius:4px;width:70%}.skeleton-text{height:1rem;background-color:var(--component-bg);border-radius:4px;width:100%;margin-bottom:var(--space-xs)}.skeleton-text:last-child{margin-bottom:0;width:85%}.card.skeleton{background-color:var(--component-bg);border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #0003;border:2px solid var(--border);transition:all .2s ease;display:block;text-decoration:none;color:inherit}.card.skeleton:hover{background-color:var(--hover);border-color:#ffffff4d;box-shadow:0 0 0 2px #ffffff1a}.card-image-placeholder.skeleton{height:250px;background-color:var(--hover);display:flex;justify-content:center;align-items:center;color:var(--text-dark);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.card-content.skeleton{padding:var(--space-sm);background-color:var(--component-bg);min-height:80px;display:flex;flex-direction:column;justify-content:space-between}.watch-content.skeleton{display:flex;flex-direction:column;align-items:center;width:100%}.watch-info.skeleton{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-xs);width:100%;margin-bottom:var(--space-sm)}.watch-title-container.skeleton{margin-bottom:var(--space-xs)}.watch-details.skeleton{display:grid;grid-template-columns:1fr 1fr;gap:var(--section-gap);width:100%;max-width:100%}.image-slider.skeleton{width:100%}.watch-specs.skeleton{margin:0;width:100%}.watch-title-container.skeleton .skeleton-title{background-color:var(--component-bg);border-radius:4px}.image-placeholder.skeleton{background-color:var(--component-bg);border:none}.image-copyright.skeleton{background-color:var(--component-bg);border-radius:4px}.skeleton-no-shimmer{position:relative;overflow:hidden;background-color:var(--component-bg)}.skeleton-no-shimmer:after{display:none}.skeleton-title-no-shimmer{height:1.2rem;background-color:var(--component-bg);border-radius:4px;margin-bottom:var(--space-xs);width:80%}.skeleton-text-no-shimmer{height:1rem;background-color:var(--component-bg);border-radius:4px;width:100%;margin-bottom:var(--space-xs)}.watch-content.skeleton:after,.watch-info.skeleton:after,.watch-title-container.skeleton:after,.watch-details.skeleton:after,.image-slider.skeleton:after,.watch-specs.skeleton:after,.watch-title-container.skeleton .skeleton-title:after,.watch-specs.skeleton .skeleton-text:after,.image-copyright.skeleton:after{display:none}.watch-description-section.skeleton{width:100%;margin-bottom:var(--section-margin-bottom)}.watch-description.skeleton{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:var(--section-gap)}.description-section.skeleton{background-color:var(--component-bg);border-radius:8px;border:1px solid var(--border);padding:var(--space-md);width:100%;box-sizing:border-box;height:auto;display:flex;flex-direction:column}.related-watches-skeleton{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--section-gap);width:100%}.skeleton-card{aspect-ratio:1;background-color:var(--component-bg);border-radius:12px}.accordion.skeleton{width:100%}.section-group.skeleton{margin-bottom:var(--space-lg)}.section-toggle.skeleton{background-color:var(--component-bg);border:1px solid var(--border);border-radius:8px;padding:var(--space-md);margin-bottom:var(--space-sm);display:flex;justify-content:space-between;align-items:center;width:100%;cursor:pointer}.grid-row.skeleton{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--section-gap);margin-bottom:var(--space-md)}.section.skeleton{width:100%;margin-bottom:var(--section-margin-bottom)}.popular-grid.skeleton{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--section-gap);width:100%}.hero-image-placeholder.skeleton{background-color:var(--component-bg)}@media (max-width: 1024px){.watch-details.skeleton{grid-template-columns:1fr;gap:var(--section-gap);margin-bottom:var(--space-lg)}.watch-description.skeleton{grid-template-columns:1fr;grid-template-rows:auto;gap:var(--space-md)}.related-watches-skeleton{grid-template-columns:repeat(2,1fr);gap:var(--section-gap)}}@media (max-width: 768px){.watch-info.skeleton{margin-bottom:var(--space-md)}.watch-details.skeleton{gap:var(--space-md);margin-bottom:var(--space-md)}.description-section.skeleton{padding:var(--space-md)}}@media (max-width: 640px){.related-watches-skeleton{grid-template-columns:1fr;gap:var(--space-sm)}}@media (max-width: 480px){.watch-info.skeleton{margin-bottom:var(--space-sm)}.watch-details.skeleton{gap:var(--space-sm);margin-bottom:var(--space-sm)}.description-section.skeleton{padding:var(--space-sm)}.grid-row.skeleton,.popular-grid.skeleton{grid-template-columns:1fr;gap:var(--space-sm)}}.visually-hidden-alt{text-indent:-9999px;color:transparent;font-size:0}.text-center{text-align:center}.padding-sm{padding:var(--space-sm)}.padding-md{padding:var(--space-md)}.padding-lg{padding:var(--space-lg)}.margin-bottom-xs{margin-bottom:var(--space-xs)}.margin-bottom-sm{margin-bottom:var(--space-sm)}.margin-bottom-md{margin-bottom:var(--space-md)}.margin-bottom-lg{margin-bottom:var(--space-lg)}.skeleton-width-60{width:60%}.skeleton-width-80{width:80%}.skeleton-width-90{width:90%}.skeleton-height-sm{height:1.2rem}.skeleton-height-md{height:2rem}.search-result-padding{padding:var(--space-sm)}.search-result-padding-lg{padding:var(--space-lg)}.search-result-margin-bottom-xs{margin-bottom:var(--space-xs)}.search-result-margin-bottom-sm{margin-bottom:var(--space-sm)}.search-result-title-margin,.search-result-details-margin{margin-bottom:var(--space-xs)}.error-notification{position:fixed;top:var(--error-notification-offset);right:var(--error-notification-offset);background:#f44336;color:#fff;padding:var(--error-notification-padding);border-radius:var(--error-notification-radius);box-shadow:0 2px 8px #0003;z-index:10000;max-width:var(--error-notification-max-width);font-family:Arial,sans-serif}.error-content{display:flex;align-items:center;gap:var(--space-xs)}.error-icon{font-size:1.2rem}.error-message{flex:1}.error-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;margin:0;line-height:1}.error-close:hover{opacity:.8}@media (max-width: 768px){.container{padding:0 var(--space-md)}.site-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md) 0}.site-title{font-size:2rem}.site-tagline{font-size:.9rem}.site-nav{width:100%;justify-content:space-between;gap:var(--space-sm)}.nav-link{font-size:1rem}}@media (max-width: 480px){.container{padding:0 var(--space-sm)}.site-header{padding:var(--space-sm) 0}.site-title{font-size:1.75rem}.site-nav{flex-wrap:wrap;gap:var(--space-xs)}.nav-link{font-size:.9rem}}.popular-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--section-gap)}@media (max-width: 1024px){.popular-grid{grid-template-columns:repeat(2,1fr);gap:var(--section-gap)}}@media (max-width: 640px){.popular-grid{grid-template-columns:1fr;gap:var(--space-md)}}.statistics-grid{width:100%}.chart-container{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-top:var(--space-md)}.chart-card{background-color:var(--component-bg);border:1px solid var(--border);border-radius:8px;padding:var(--space-md);text-align:center}.chart-card.full-width{grid-column:1 / -1}.chart-title{font-size:1.2rem;font-weight:600;color:var(--text-light);margin-bottom:var(--space-md);margin-top:0}.chart-card canvas{width:100%!important;height:350px!important;max-width:100%;max-height:350px}.chart-card canvas[data-chart-type=bar]{cursor:pointer;transition:cursor .2s ease}.chart-card .chartjs-legend,.chart-card .chartjs-legend-item,.chart-card ul,.chart-card li{display:none!important}.chart-with-legend{position:relative;display:flex;align-items:center;justify-content:center}.chart-legend-small{position:absolute;top:10px;right:10px;background-color:#2d2d2de6;border:1px solid var(--border);border-radius:4px;padding:var(--space-xs) var(--space-sm);display:flex;flex-direction:column;align-items:center;text-align:center}.legend-number{font-size:1rem;font-weight:600;color:var(--text-light);line-height:1}.legend-text{font-size:.7rem;color:var(--text-dark);font-weight:400;text-transform:lowercase}.chart-skeleton{width:100%;height:350px;background-color:var(--component-bg);border-radius:4px}@media (max-width: 1024px){.chart-container{grid-template-columns:1fr;gap:var(--space-md)}.statistics-section{margin-bottom:var(--space-lg)}}@media (max-width: 768px){.statistics-section{margin-bottom:var(--space-md)}}@media (max-width: 480px){.statistics-section{margin-bottom:var(--space-sm)}}.error-message--full-width{grid-column:1 / -1}.error-icon-large-container{margin-bottom:.5em;text-align:center}
