:root,[data-theme=dark]{--bg-color: #000000;--text-color: #ffffff;--text-muted: #666;--text-dim: #444;--border-color: rgba(255, 255, 255, .08);--accent-color: rgb(255, 52, 5);--card-hover: rgba(255, 255, 255, .02);--scrollbar-thumb: #333;--scrollbar-hover: #444;--map-filter: none;--qr-filter: none;--logo-filter: grayscale(1) brightness(0) invert(1)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--bg-color: #ffffff;--text-color: #000000;--text-muted: #666;--text-dim: #999;--border-color: rgba(0, 0, 0, .1);--accent-color: rgb(255, 52, 5);--card-hover: rgba(0, 0, 0, .02);--scrollbar-thumb: #ccc;--scrollbar-hover: #bbb;--map-filter: invert(1);--qr-filter: invert(1);--logo-filter: grayscale(1) brightness(0)}}[data-theme=light]{--bg-color: #ffffff;--text-color: #000000;--text-muted: #666;--text-dim: #999;--border-color: rgba(0, 0, 0, .1);--accent-color: rgb(255, 52, 5);--card-hover: rgba(0, 0, 0, .02);--scrollbar-thumb: #ccc;--scrollbar-hover: #bbb;--map-filter: invert(1);--qr-filter: invert(1);--logo-filter: grayscale(1) brightness(0)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-color);color:var(--text-color);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.container{width:100%;max-width:1200px;margin:0 auto}.hero{padding:120px 40px 80px;text-align:center}.hero h1{font-size:clamp(3rem,10vw,6rem);font-weight:700;letter-spacing:-.04em;margin-bottom:12px}.tagline{font-size:.85rem;font-weight:300;color:var(--accent-color);letter-spacing:.2em;margin-top:-8px}.video-section{width:100%;aspect-ratio:21/9;overflow:hidden;background:#111}.video-section video{width:100%;height:100%;object-fit:cover}.content-section{padding:60px 40px}.section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--text-dim);margin-bottom:24px}.marathon-list{display:flex;flex-direction:column}.marathon-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;padding:32px 0;border-bottom:1px solid var(--border-color);transition:all .3s ease}.marathon-item:first-child{border-top:1px solid var(--border-color)}.marathon-info{display:flex;flex-direction:column;gap:8px;flex:1}.marathon-name{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:var(--text-color)}.marathon-date{font-size:.9rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.marathon-time{font-size:1rem;font-weight:600;color:var(--accent-color);font-variant-numeric:tabular-nums}.marathon-map{height:480px;width:auto;opacity:.2;transition:opacity .6s ease;flex-shrink:0;filter:var(--map-filter)}.marathon-map.visible{opacity:1}.marathon-item.completed .marathon-map{filter:brightness(0) saturate(100%) invert(28%) sepia(93%) saturate(2478%) hue-rotate(356deg) brightness(101%) contrast(107%)}.marathon-item.scheduled .marathon-name{color:var(--text-color)}.countdown{display:flex;gap:16px;font-size:.9rem;font-variant-numeric:tabular-nums}.countdown-segment{display:flex;align-items:baseline;gap:2px}.countdown-value{font-weight:600;color:var(--text-color)}.countdown-label{font-size:.7rem;color:var(--text-muted)}.marathon-item.future .marathon-name{color:var(--text-color)}.marathon-year{font-size:.9rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.photo-cell{aspect-ratio:1;overflow:hidden;background:#111}.photo-cell img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.photo-cell:hover img{transform:scale(1.05)}footer{padding:80px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.footer-icons{display:flex;align-items:center;gap:16px}.footer-logo{width:90px;height:90px;filter:var(--logo-filter)}.qr-code{width:90px;height:90px;opacity:1;filter:var(--qr-filter)}footer p{font-size:.85rem;color:var(--text-muted);letter-spacing:.05em}.theme-toggle{margin-top:24px;display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-dim)}.theme-toggle button{background:none;border:none;color:var(--text-dim);font-size:.75rem;cursor:pointer;padding:4px 8px;transition:color .2s ease}.theme-toggle button:hover{color:var(--text-color)}.theme-toggle button.active{color:var(--accent-color)}@media (max-width: 768px){.hero{padding:80px 24px 60px}.content-section{padding:48px 24px}.marathon-item{gap:20px;padding:20px 0}.marathon-map{height:160px;opacity:.5}.marathon-name{font-size:1.25rem}.countdown{gap:12px}.photo-grid{grid-template-columns:repeat(2,1fr)}.video-section{aspect-ratio:16/9}}@media (max-width: 480px){.hero{padding:60px 20px 40px}.hero h1{font-size:2.5rem}.content-section{padding:40px 20px}.marathon-name{font-size:1.1rem}}.marathon-item,.section-label,.video-section,.photo-cell{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.marathon-item.visible,.section-label.visible,.video-section.visible,.photo-cell.visible{opacity:1;transform:translateY(0)}.photo-cell:nth-child(1){transition-delay:0s}.photo-cell:nth-child(2){transition-delay:.1s}.photo-cell:nth-child(3){transition-delay:.2s}.photo-cell:nth-child(4){transition-delay:.3s}.marathon-map{transition:opacity .6s ease}.marathon-item.visible .marathon-map{opacity:1}