@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Open+Sans:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6}body{background-color:var(--color-bg);min-height:100vh;color:var(--color-text);transition:background-color .3s,color .3s}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}a{color:var(--color-link);text-decoration:none;transition:color .2s}a:hover{color:var(--color-link-hover)}ul,ol{list-style:none}:root{--color-sf2g-orange:#f60;--color-sf2g-orange-hover:#e55c00;--color-sf2g-orange-light:#ff8533;--color-sf2g-orange-bg:#ff66001a;--color-bg:#ececec;--color-surface:#fff;--color-surface-elevated:#f5f5f5;--color-surface-hover:#e8e8e8;--color-dark-bar:#333;--color-dark-bar-text:#fff;--color-dark-bar-muted:#ccc;--color-text:#333;--color-text-secondary:#555;--color-text-muted:#888;--color-text-inverse:#fff;--color-border:#ccc;--color-border-subtle:#e0e0e0;--color-divider:#ccc;--color-link:#f60;--color-link-hover:#cc5200;--color-bayway:#22a722;--color-skyline:#36c;--color-hmbw:#f60;--color-royale:#c00;--color-fleaway:#8b5cf6;--color-mebw:#06b6d4;--color-febw:#ec4899;--color-other:#6b7280;--color-bayway-bg:#22a7221a;--color-skyline-bg:#3366cc1a;--color-hmbw-bg:#ff66001a;--color-royale-bg:#cc00001a;--color-fleaway-bg:#8b5cf61a;--color-mebw-bg:#06b6d41a;--color-febw-bg:#ec48991a;--color-other-bg:#6b72801a;--color-strava:#fc4c02;--color-strava-hover:#e04400;--color-strava-bg:#fc4c021a;--color-success:#22a722;--color-warning:#f59e0b;--color-error:#c00;--color-info:#36c;--shadow-sm:0 1px 2px #00000014;--shadow-md:0 2px 4px #0000001f;--shadow-lg:0 4px 8px #00000026;--shadow-xl:0 8px 16px #0003;--glass-bg:#ffffffd9;--glass-border:#0000001a;--glass-blur:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--font-sans:"Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Oswald", "Impact", "Arial Narrow", sans-serif;--font-mono:"SF Mono", "Fira Code", "Fira Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--radius-sm:3px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px;--radius-2xl:12px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--transition-spring:.3s cubic-bezier(.34, 1.56, .64, 1);--max-width:1100px;--max-width-narrow:800px}[data-theme=dark]{--color-bg:#1a1a1a;--color-surface:#252525;--color-surface-elevated:#2d2d2d;--color-surface-hover:#353535;--color-dark-bar:#1a1a1a;--color-text:#e0e0e0;--color-text-secondary:#b0b0b0;--color-text-muted:#777;--color-text-inverse:#1a1a1a;--color-border:#404040;--color-border-subtle:#333;--color-divider:#404040;--color-link:#ff8533;--color-link-hover:#ffa366;--color-bayway-bg:#22a72233;--color-skyline-bg:#36c3;--color-hmbw-bg:#f603;--color-royale-bg:#c003;--color-fleaway-bg:#8b5cf633;--color-mebw-bg:#06b6d433;--color-febw-bg:#ec489933;--color-other-bg:#6b728033;--color-strava-bg:#fc4c0226;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 4px #0006;--shadow-lg:0 4px 8px #00000080;--shadow-xl:0 8px 16px #0009;--glass-bg:#1e1e1ed9;--glass-border:#ffffff14;--glass-blur:16px}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-4);margin:0 auto}.container--narrow{max-width:var(--max-width-narrow)}.glass-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-base), box-shadow var(--transition-base)}.glass-card:hover{box-shadow:var(--shadow-md)}.surface-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base)}.surface-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-sf2g-orange)}.gradient-bg-bayway{background:var(--color-bayway)}.gradient-bg-skyline{background:var(--color-skyline)}.gradient-bg-hmbw{background:var(--color-hmbw)}.gradient-bg-royale{background:var(--color-royale)}.gradient-bg-strava{background:var(--color-strava)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-semibold);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;line-height:1.5;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-sf2g-orange);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-sf2g-orange-hover);box-shadow:0 2px 8px #ff66004d}.btn--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-sf2g-orange)}.btn--ghost{color:var(--color-text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.btn--danger{color:var(--color-error);border:1px solid var(--color-error);background:0 0}.btn--danger:hover:not(:disabled){background:var(--color-error);color:#fff}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-md)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.badge{padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.02em;text-transform:uppercase;align-items:center;line-height:1.5;display:inline-flex}.section{padding:var(--space-8) 0}.section--sm{padding:var(--space-6) 0}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-center{text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.3s forwards fadeIn}.animate-fade-in-up{animation:.4s forwards fadeInUp}.animate-slide-in-right{animation:.3s forwards slideInRight}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.skeleton{background:linear-gradient(90deg, var(--color-surface-hover) 25%, var(--color-border-subtle) 50%, var(--color-surface-hover) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.page-layout{flex-direction:column;min-height:100vh;display:flex}.page-content{flex-direction:column;flex:1;min-height:0;display:flex}.page-layout:has(.leaderboard){height:100dvh;max-height:100dvh;overflow:hidden}.page-content:has(.leaderboard){overflow:hidden}.grid{gap:var(--space-5);display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media (width<=1024px){.grid--4,.grid--3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid--4,.grid--3,.grid--2{grid-template-columns:1fr}.container{padding:0 var(--space-3)}.section{padding:var(--space-6) 0}}.tooltip{background:var(--color-surface-elevated);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);max-width:280px;box-shadow:var(--shadow-md);z-index:9999;pointer-events:none;line-height:1.5;animation:.1s tooltipFadeIn}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}#root{flex-direction:column;min-height:100vh;display:flex}.navbar{z-index:100;background:var(--color-dark-bar);border-bottom:3px solid var(--color-sf2g-orange);transition:background var(--transition-base);padding:0;position:sticky;top:0}.navbar__inner{justify-content:space-between;align-items:center;gap:var(--space-4);max-width:var(--max-width);padding:var(--space-3) var(--space-4);margin:0 auto;display:flex}.navbar__brand{align-items:center;gap:var(--space-2);text-decoration:none;display:flex}.navbar__brand-icon{font-size:var(--text-2xl);line-height:1}.navbar__brand-text{font-family:var(--font-heading);font-size:1.75rem;font-weight:var(--font-bold);color:var(--color-sf2g-orange);letter-spacing:.02em;line-height:1}.navbar__tagline{font-size:var(--text-xs);color:var(--color-dark-bar-muted);white-space:nowrap;margin-left:var(--space-2)}.navbar__tagline-link{color:var(--color-sf2g-orange);font-weight:var(--font-semibold);text-decoration:none}.navbar__tagline-link:hover{color:var(--color-sf2g-orange-hover);text-decoration:underline}.navbar__links{align-items:center;gap:var(--space-1);display:flex}.navbar__link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-dark-bar-muted);transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.05em;text-decoration:none}.navbar__link:hover{color:var(--color-dark-bar-text);background:#ffffff1a}.navbar__link--active{color:var(--color-sf2g-orange);background:#ff660026}.navbar__actions{align-items:center;gap:var(--space-3);display:flex}.navbar__avatar{border-radius:var(--radius-full);border:2px solid var(--color-sf2g-orange);object-fit:cover;width:32px;height:32px;transition:border-color var(--transition-fast)}.navbar__avatar:hover{border-color:var(--color-sf2g-orange-light)}.navbar__user-group{align-items:center;gap:var(--space-2);display:flex}.og-bar{background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border);padding:var(--space-1) var(--space-4);text-align:center}.og-bar__text{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.02em}.og-bar__link{color:var(--color-sf2g-orange);font-weight:var(--font-semibold);transition:color var(--transition-fast);text-decoration:none}.og-bar__link:hover{color:var(--color-sf2g-orange-hover);text-decoration:underline}.navbar__avatar--placeholder{background-color:var(--color-surface-hover);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.navbar__logout-btn{color:var(--color-dark-bar-muted)}.navbar__hamburger{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;transition:background var(--transition-fast);background:0 0;border:1px solid #fff3;flex-direction:column;justify-content:center;gap:5px;padding:4px;display:none}.navbar__hamburger:hover{background:#ffffff1a}.navbar__hamburger-line{background:var(--color-dark-bar-muted);width:100%;height:2px;transition:all var(--transition-base);transform-origin:50%;border-radius:1px;display:block}.navbar__hamburger--open .navbar__hamburger-line:first-child{transform:translateY(7px)rotate(45deg)}.navbar__hamburger--open .navbar__hamburger-line:nth-child(2){opacity:0}.navbar__hamburger--open .navbar__hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar__mobile-menu{display:none}@media (width<=768px){.navbar__links,.navbar__actions{display:none}.navbar__brand-text{font-size:1.4rem}.navbar__tagline{display:none}.navbar__hamburger{display:flex}.navbar__mobile-menu{padding:var(--space-3) var(--space-4);gap:var(--space-3);border-top:1px solid #ffffff1a;flex-direction:column;animation:.2s forwards fadeIn;display:flex}.navbar__mobile-links{gap:var(--space-1);flex-direction:column;display:flex}.navbar__mobile-link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-dark-bar-muted);text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-fast);text-decoration:none;display:block}.navbar__mobile-link:hover{color:var(--color-dark-bar-text);background:#ffffff1a}.navbar__mobile-link--active{color:var(--color-sf2g-orange);background:#ff660026}.navbar__mobile-actions{padding-top:var(--space-2);border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex}.navbar__mobile-toggles{align-items:center;gap:var(--space-2);display:flex}.navbar__mobile-user{align-items:center;gap:var(--space-3);display:flex}}.theme-toggle{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);font-size:var(--text-base);color:var(--color-dark-bar-muted);background:0 0;border:1px solid #fff3;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{color:var(--color-dark-bar-text);background:#ffffff1a;border-color:#ffffff4d}.navbar__feedback-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-dark-bar-text);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base);background:0 0;border:1px solid #fff3;justify-content:center;align-items:center;display:inline-flex}.navbar__feedback-btn:hover{border-color:var(--color-sf2g-orange);background:#ff66001a}.unit-toggle{border-radius:var(--radius-sm);background:0 0;border:1px solid #fff3;align-items:center;display:flex;overflow:hidden}.unit-toggle__option{cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.06em;color:var(--color-dark-bar-muted);transition:all var(--transition-fast);background:0 0;border:none;padding:.25rem .5rem;line-height:1}.unit-toggle__option:first-child{border-right:1px solid #ffffff1f}.unit-toggle__option:hover:not(.unit-toggle__option--active){color:var(--color-dark-bar-text);background:#ffffff0f}.unit-toggle__option--active{background:var(--color-sf2g-orange);color:#fff}.strava-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-strava);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;text-decoration:none;display:inline-flex}.strava-btn:hover{background:var(--color-strava-hover);color:#fff;box-shadow:0 2px 8px #fc4c0259}.strava-btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-md)}.strava-btn__icon{width:20px;height:20px}.join-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--color-sf2g-orange);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;text-decoration:none;display:inline-flex}.join-btn:hover{background:var(--color-sf2g-orange-hover);color:#fff;box-shadow:0 2px 8px #f606}.footer{background:var(--color-dark-bar);border-top:3px solid var(--color-sf2g-orange);padding:var(--space-6) 0;margin-top:auto}.page-layout:has(.leaderboard) .footer{display:none}.footer__inner{max-width:var(--max-width);padding:0 var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin:0 auto;display:flex}.footer__text{font-size:var(--text-sm);color:var(--color-dark-bar-muted)}.footer__links{gap:var(--space-4);display:flex}.footer__link{font-size:var(--text-sm);color:var(--color-dark-bar-muted);transition:color var(--transition-fast);text-decoration:none}.footer__link:hover{color:var(--color-sf2g-orange)}.route-tag{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:4px;line-height:1.5;display:inline-flex}.route-tag--bayway{background:var(--color-bayway-bg);color:var(--color-bayway)}.route-tag--skyline{background:var(--color-skyline-bg);color:var(--color-skyline)}.route-tag--hmbw{background:var(--color-hmbw-bg);color:var(--color-hmbw)}.route-tag--royale{background:var(--color-royale-bg);color:var(--color-royale)}.route-tag--fleaway{background:var(--color-fleaway-bg);color:var(--color-fleaway)}.route-tag--mebw{background:var(--color-mebw-bg);color:var(--color-mebw)}.route-tag--febw{background:var(--color-febw-bg);color:var(--color-febw)}.route-tag--other{background:var(--color-other-bg);color:var(--color-other)}.route-tag__dot{border-radius:var(--radius-full);width:8px;height:8px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sync-status{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-4);transition:all var(--transition-base);display:flex}.sync-status--banner{padding:var(--space-3) var(--space-4)}.sync-status--compact{padding:var(--space-2) var(--space-4);background:0 0;border-color:#0000;justify-content:flex-end;animation:.2s forwards fadeIn}.sync-status__info{flex:1;min-width:0}.sync-status__text{font-size:var(--text-sm);color:var(--color-text-secondary)}.sync-status__time{font-weight:var(--font-medium);color:var(--color-text)}.sync-status__count{margin-left:var(--space-1);border-radius:var(--radius-full);background:var(--color-success);color:#fff;min-width:1.25rem;height:1.25rem;font-size:.65rem;font-weight:var(--font-bold);justify-content:center;align-items:center;padding:0 6px;line-height:1;display:inline-flex}.sync-status__spinner{border:2px solid var(--color-border);border-top-color:var(--color-sf2g-orange);border-radius:var(--radius-full);width:16px;height:16px;animation:.8s linear infinite spin}.sync-status__btn-group{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;display:flex}.sync-status__hint{color:var(--color-text-muted);white-space:nowrap;opacity:.7;font-size:.6rem;line-height:1.3}.sync-status__hint-link{color:var(--color-sf2g-orange);text-underline-offset:1px;text-decoration:underline}.sync-status__hint-link:hover{color:var(--color-sf2g-orange-hover)}.ride-card{align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base);display:flex}.ride-card:hover{border-color:var(--color-sf2g-orange);box-shadow:var(--shadow-sm)}.ride-card__info{flex:1;min-width:0}.ride-card__name{font-weight:var(--font-semibold);font-size:var(--text-base);margin-bottom:var(--space-1);color:var(--color-text)}.ride-card__date{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.ride-card__stats{gap:var(--space-3);flex-wrap:wrap;display:flex}.ride-card__stat{font-size:var(--text-sm);color:var(--color-text-secondary)}.ride-card__stat-value{font-weight:var(--font-semibold);color:var(--color-text)}.empty-state{padding:var(--space-8) var(--space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{margin-bottom:var(--space-4);opacity:.5;font-size:48px}.empty-state__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.empty-state__description{font-size:var(--text-base);color:var(--color-text-muted);max-width:400px}.loading-state{padding:var(--space-8) var(--space-4);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.loading-state__spinner{border:3px solid var(--color-border);border-top-color:var(--color-sf2g-orange);border-radius:var(--radius-full);width:40px;height:40px;animation:.8s linear infinite spin}.loading-state__text{font-size:var(--text-base);color:var(--color-text-muted)}.error-state{padding:var(--space-8) var(--space-4);text-align:center;justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.error-state__icon{color:var(--color-error);font-size:48px}.error-state__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text)}.error-state__message{font-size:var(--text-base);color:var(--color-text-muted);max-width:400px}.profile-header{align-items:center;gap:var(--space-5);padding:var(--space-6);display:flex}.profile-header__avatar{border-radius:var(--radius-full);border:3px solid var(--color-sf2g-orange);object-fit:cover;width:80px;height:80px}.profile-header__info{flex:1}.profile-header__name{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-1)}.profile-header__stats{gap:var(--space-4);flex-wrap:wrap;display:flex}.profile-header__stat{font-size:var(--text-sm);color:var(--color-text-muted)}.profile-header__stat-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text);display:block}.profile-header__disconnect{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.profile-header__disconnect-confirm{animation:.2s forwards fadeIn}.profile-header__disconnect-warning{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3);line-height:1.5}.profile-header__disconnect-actions{gap:var(--space-2);display:flex}.profile-header__share-buttons{gap:var(--space-2);margin-top:var(--space-3);display:flex}.profile-header__share-btn{align-items:center;gap:var(--space-1);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;display:inline-flex}.profile-header__share-btn:hover{border-color:var(--color-sf2g-orange);color:var(--color-sf2g-orange);background:#ff660014}.profile-header__share-btn:active{transform:scale(.97)}@media (width<=640px){.profile-header{text-align:center;flex-direction:column}.profile-header__stats,.profile-header__share-buttons,.profile-header__disconnect-actions{justify-content:center}}.profile-stats{gap:var(--space-4);flex-direction:column;display:flex}.profile-stats__cards{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.profile-stats__card{text-align:center;padding:var(--space-3) var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;align-items:center;display:flex}.profile-stats__card-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-sf2g-orange);line-height:1.2}.profile-stats__card-label{font-size:var(--text-sm);color:var(--color-text);margin-top:var(--space-1);font-weight:var(--font-medium)}.profile-stats__card-detail{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.profile-stats__chart{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.profile-stats__chart-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-3)}@media (width<=640px){.profile-stats__cards{grid-template-columns:repeat(2,1fr)}.profile-stats__card-value{font-size:var(--text-xl)}}.profile-rides{gap:var(--space-3);flex-direction:column;display:flex}.profile-rides__filter-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.profile-rides__filter-toggle{border-radius:var(--radius-full);border:1px solid var(--color-border);gap:0;display:flex;overflow:hidden}.profile-rides__filter-btn{padding:var(--space-1) var(--space-3);color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);white-space:nowrap;background:0 0;border:none;transition:background .15s,color .15s}.profile-rides__filter-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.profile-rides__filter-btn--active{background:var(--color-sf2g-orange);color:#fff}.profile-rides__count{font-size:var(--text-sm);color:var(--color-text-muted)}.profile-rides__table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);max-height:500px;overflow:auto}.profile-rides__table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.profile-rides__table thead{z-index:2;position:sticky;top:0}.profile-rides__table th{white-space:nowrap;padding:var(--space-2) var(--space-3);text-align:left;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;background:var(--color-surface-elevated);border-bottom:2px solid var(--color-border);-webkit-user-select:none;user-select:none;padding-right:1.2rem;position:relative}.profile-rides__table th:hover{color:var(--color-text)}.profile-rides__table th .sort-indicator{opacity:.7;pointer-events:none;font-size:.6rem;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.profile-rides__table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle);white-space:nowrap}.profile-rides__table tr:hover td{background:var(--color-surface-hover)}.profile-rides__name-col{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.profile-rides__strava-link{color:var(--color-sf2g-orange);font-weight:var(--font-medium);text-decoration:none}.profile-rides__strava-link:hover{text-decoration:underline}@media (width<=640px){.profile-rides__filter-row{flex-direction:column;align-items:flex-start}.profile-rides__name-col{max-width:140px}}.hero{position:relative;overflow:hidden}.hero__grid{grid-template-columns:1fr 1fr;min-height:380px;display:grid}.hero__left{position:relative;overflow:hidden}.hero__left-image{object-fit:cover;filter:grayscale(.6)contrast(1.1);width:100%;height:100%}.hero__left-overlay{padding:var(--space-6);background:linear-gradient(90deg,#000000a6 0%,#0000004d 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.hero__left-text{font-family:var(--font-heading);font-size:2.8rem;font-weight:var(--font-bold);color:#fff;text-transform:uppercase;letter-spacing:.02em;text-shadow:2px 3px 8px #00000080;line-height:1.05}.hero__right{position:relative;overflow:hidden}.hero__right-image{object-fit:cover;width:100%;height:100%}.hero__right-overlay{padding:var(--space-6);text-align:center;background:linear-gradient(#0003 40%,#000000b3 100%);flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:absolute;inset:0}.hero__tagline{font-family:var(--font-heading);font-size:1.6rem;font-weight:var(--font-bold);color:#fff;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4);text-shadow:1px 2px 6px #00000080}.content-section{padding:var(--space-6) 0}.content-grid{border:1px solid var(--color-border);background:var(--color-surface);grid-template-columns:1fr 1.5fr;gap:0;display:grid}.content-panel{padding:var(--space-5);border-right:1px solid var(--color-border)}.content-panel:last-child{border-right:none}.content-panel__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text);text-transform:uppercase;letter-spacing:.03em;padding-bottom:var(--space-3);border-bottom:2px solid var(--color-sf2g-orange);margin-bottom:var(--space-4)}.content-panel__body{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7}.content-panel__body p+p{margin-top:var(--space-3)}.route-desc{margin-bottom:var(--space-5)}.route-desc__header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.route-desc__dot{border-radius:var(--radius-full);flex-shrink:0;width:12px;height:12px}.route-desc__name{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text)}.route-desc__meta{font-size:var(--text-sm);color:var(--color-text-secondary);margin-left:calc(12px + var(--space-2));margin-bottom:var(--space-2);font-style:italic}.route-desc__body{font-size:var(--text-sm);color:var(--color-text-secondary);margin-left:calc(12px + var(--space-2));line-height:1.6}@media (width<=768px){.hero__grid{grid-template-columns:1fr;min-height:auto}.hero__left,.hero__right{min-height:250px}.hero__left-text{font-size:2rem}.hero__tagline{font-size:1.2rem}.content-grid{grid-template-columns:1fr}.content-panel{border-right:none;border-bottom:1px solid var(--color-border)}.content-panel:last-child{border-bottom:none}}@media (width<=640px){.sync-status{align-items:flex-start;gap:var(--space-2);flex-direction:column}.footer__inner{text-align:center;gap:var(--space-2);flex-direction:column}.footer__text{font-size:var(--text-xs)}.footer__links{justify-content:center}.ride-card{gap:var(--space-2);flex-direction:column}.ride-card__stats{gap:var(--space-2)}}.fun-stats{gap:var(--space-4);flex-direction:column;display:flex}.fun-stats__section{gap:var(--space-3);flex-direction:column;display:flex}.fun-stats__section-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text)}.fun-stats__chart{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.fun-stats__comparisons{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}.fun-stats__comparison-card{text-align:center;padding:var(--space-3) var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-base);flex-direction:column;align-items:center;display:flex}.fun-stats__comparison-card:hover{border-color:var(--color-sf2g-orange)}.fun-stats__comparison-icon{margin-bottom:var(--space-1);font-size:1.5rem}.fun-stats__comparison-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-sf2g-orange);line-height:1.2}.fun-stats__comparison-label{font-size:var(--text-sm);color:var(--color-text);font-weight:var(--font-medium);margin-top:2px}.fun-stats__comparison-detail{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.fun-stats__prs{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.fun-stats__pr-card{padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:inherit;transition:border-color var(--transition-base), box-shadow var(--transition-base);flex-direction:column;text-decoration:none;display:flex}.fun-stats__pr-card:hover{border-color:var(--color-sf2g-orange);box-shadow:var(--shadow-sm)}.fun-stats__pr-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--font-medium)}.fun-stats__pr-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-sf2g-orange);margin:2px 0}.fun-stats__pr-ride{font-size:var(--text-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fun-stats__patterns{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.fun-stats__pattern-card{text-align:center;padding:var(--space-3) var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;align-items:center;display:flex}.fun-stats__pattern-stat{align-items:baseline;gap:var(--space-1);display:flex}.fun-stats__pattern-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-sf2g-orange);line-height:1.2}.fun-stats__pattern-unit{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--font-medium)}.fun-stats__pattern-label{font-size:var(--text-sm);color:var(--color-text);font-weight:var(--font-medium);margin-top:var(--space-1)}.fun-stats__pattern-detail{font-size:var(--text-xs);color:var(--color-success);font-weight:var(--font-medium);margin-top:2px}.fun-stats__day-heatmap{gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);height:120px;display:flex}.fun-stats__day-cell{justify-content:flex-end;align-items:center;gap:var(--space-1);flex-direction:column;flex:1;display:flex}.fun-stats__day-bar{background:var(--color-sf2g-orange);border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:100%;max-width:32px;transition:height .3s}.fun-stats__day-label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--font-medium)}.fun-stats__day-count{font-size:var(--text-xs);color:var(--color-text);font-weight:var(--font-bold)}@media (width<=640px){.fun-stats__comparisons{grid-template-columns:repeat(2,1fr)}.fun-stats__prs,.fun-stats__patterns{grid-template-columns:1fr}.fun-stats__comparison-value,.fun-stats__pattern-value{font-size:var(--text-xl)}.fun-stats__day-heatmap{height:100px}}.routes-page{padding:var(--space-6) 0}.routes-page__header{text-align:center;margin-bottom:var(--space-6)}.routes-page__title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text);letter-spacing:.02em;text-transform:uppercase}.routes-page__subtitle{font-size:var(--text-base);color:var(--color-text-muted);margin-top:var(--space-2);max-width:600px;margin-left:auto;margin-right:auto}.how-it-works{padding:var(--space-5);margin-bottom:var(--space-6)}.how-it-works__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-4);text-transform:uppercase}.how-it-works__steps{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.how-it-works__step{text-align:center;padding:var(--space-4)}.how-it-works__step-icon{margin-bottom:var(--space-3);font-size:32px}.how-it-works__step-title{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-1)}.how-it-works__step-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}@media (width<=640px){.how-it-works__steps{grid-template-columns:1fr}}.route-detail{padding:var(--space-5);margin-bottom:var(--space-4);border-left:4px solid}.route-detail--bayway{border-left-color:var(--color-bayway)}.route-detail--skyline{border-left-color:var(--color-skyline)}.route-detail--hmbw{border-left-color:var(--color-hmbw)}.route-detail--royale{border-left-color:var(--color-royale)}.route-detail__header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.route-detail__name{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);text-transform:uppercase}.route-detail__desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.6}.route-detail__gateways{margin-top:var(--space-3)}.route-detail__gateway-title{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.route-detail__gateway-list{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.route-detail__gateway{padding:var(--space-3);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.route-detail__gateway-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-1)}.route-detail__gateway-coords{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono);margin-bottom:var(--space-1)}.route-detail__gateway-link{font-size:var(--text-xs);color:var(--color-sf2g-orange);text-decoration:none}.route-detail__gateway-link:hover{color:var(--color-sf2g-orange-hover);text-decoration:underline}@media (width<=640px){.route-detail__gateway-list{grid-template-columns:1fr}}.gateway-map{padding:var(--space-5);margin-top:var(--space-5)}.gateway-map__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-4);text-align:center;text-transform:uppercase}.gateway-map__container{aspect-ratio:4/5;background:var(--color-surface-hover);border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%;max-width:600px;margin:0 auto;position:relative;overflow:hidden}.gateway-map__point{border-radius:var(--radius-full);border:2px solid var(--color-surface);width:12px;height:12px;box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--transition-fast);z-index:2;position:absolute;transform:translate(-50%,-50%)}.gateway-map__point:hover{z-index:3;transform:translate(-50%,-50%)scale(1.5)}.gateway-map__label{font-size:9px;font-weight:var(--font-semibold);color:var(--color-text-secondary);white-space:nowrap;pointer-events:none;position:absolute;transform:translate(-50%)}.gateway-map__legend{justify-content:center;gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.gateway-map__legend-item{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-secondary);display:flex}.gateway-map__legend-dot{border-radius:var(--radius-full);width:8px;height:8px}.gateway-map__sf-label{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;position:absolute;top:8%;left:50%;transform:translate(-50%)}.gateway-map__peninsula-label{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.wind-explainer{margin-top:var(--space-8);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.wind-explainer__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);text-transform:uppercase;margin-bottom:var(--space-3)}.wind-explainer__intro{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-5);line-height:1.6}.wind-explainer__steps{gap:var(--space-5);flex-direction:column;display:flex}.wind-explainer__step{gap:var(--space-4);align-items:flex-start;display:flex}.wind-explainer__step-number{border-radius:var(--radius-full);background:var(--color-sf2g-orange);color:#fff;width:2rem;height:2rem;font-weight:var(--font-bold);font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.wind-explainer__step-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-1)}.wind-explainer__step-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.wind-explainer__step-desc a{color:var(--color-sf2g-orange);text-decoration:none}.wind-explainer__step-desc a:hover{color:var(--color-sf2g-orange-hover);text-decoration:underline}.wind-explainer__formula-list{margin:var(--space-2) 0;padding-left:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.8;font-family:var(--font-mono)}.wind-explainer__thresholds{gap:var(--space-2);margin-top:var(--space-2);flex-direction:column;display:flex}.wind-explainer__threshold{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.wind-explainer__threshold-dot{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px}.wind-explainer__note{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}@media (width<=640px){.wind-explainer{padding:var(--space-4)}.wind-explainer__step{gap:var(--space-3)}.wind-explainer__formula-list{padding-left:var(--space-3);font-size:var(--text-xs)}}.interactive-maps{gap:var(--space-6);margin-top:var(--space-7);z-index:1;flex-direction:column;display:flex;position:relative}.interactive-maps__header{text-align:center;margin-bottom:var(--space-2)}.interactive-maps__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-2)}.interactive-maps__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.map-section{padding:var(--space-5);overflow:hidden}.map-section:hover{transform:none}.map-section__header{margin-bottom:var(--space-4)}.map-section__title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-2)}.map-section__desc{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:720px;line-height:1.7}.map-section__container{gap:var(--space-3);flex-direction:column;display:flex}.map-section__map{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-hover);isolation:isolate;z-index:0;width:100%;height:420px;position:relative;overflow:hidden}.map-section__map.skeleton{height:420px}.map-section__map .leaflet-control-zoom a{background:var(--color-surface)!important;color:var(--color-text)!important;border-color:var(--color-border)!important}.map-section__map .leaflet-control-zoom a:hover{background:var(--color-surface-hover)!important}.map-section__map .leaflet-control-attribution{-webkit-backdrop-filter:blur(8px);background:var(--glass-bg)!important;color:var(--color-text-muted)!important;border-radius:var(--radius-sm) 0 0 0!important;font-size:10px!important}.map-section__map .leaflet-control-attribution a{color:var(--color-text-secondary)!important}.map-section__map .leaflet-popup-content-wrapper{background:var(--color-surface)!important;color:var(--color-text)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--color-border)!important}.map-section__map .leaflet-popup-tip{background:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-top:none!important;border-left:none!important}.map-section__map .leaflet-popup-content{font-family:var(--font-sans)!important;font-size:var(--text-sm)!important;color:var(--color-text)!important;margin:10px 14px!important;line-height:1.5!important}.sf2g-marker,.sf2g-label-marker,.sf2g-zone-label{background:0 0!important;border:none!important}.map-legend{gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.map-legend__item{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);display:flex}.map-legend__item--note{width:100%;font-size:var(--text-xs);color:var(--color-text-muted);padding-top:var(--space-1);border-top:1px solid var(--color-border-subtle)}.map-legend__dot{border:2px solid #fff;border-radius:50%;flex-shrink:0;width:12px;height:12px;box-shadow:0 1px 3px #0003}.map-legend__swatch{border:2px solid #0000;border-radius:3px;flex-shrink:0;width:20px;height:14px}.map-legend__swatch--dashed{border-style:dashed}.map-legend__circle-outline{border:2px dashed var(--color-text-muted);border-radius:50%;flex-shrink:0;width:14px;height:14px}@media (width<=640px){.map-section__map{height:300px}.map-section{padding:var(--space-4)}.map-legend{gap:var(--space-2);flex-direction:column}.interactive-maps__title{font-size:var(--text-xl)}}.network-page{max-width:1100px;padding:var(--space-5) var(--space-4);margin:0 auto}.network-page__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.network-page__title-row{gap:var(--space-1);flex-direction:column;display:flex}.network-page__title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text);text-transform:uppercase;letter-spacing:.02em;margin:0}.network-page__subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.network-page__controls{align-items:center;gap:var(--space-2);display:flex}.network-page__legend{align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.network-page__legend-item{align-items:center;gap:var(--space-1);display:flex}.network-page__legend-dot{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px}.network-page__legend-hint{color:var(--color-text-muted);margin-left:auto;font-style:italic}.network-page__body{gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.network-page__graph-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex:1;min-width:0;position:relative;overflow:hidden}.network-graph{width:100%;height:550px;position:relative}.network-graph canvas{display:block}.network-graph__tooltip{bottom:var(--space-3);left:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);pointer-events:none;box-shadow:var(--shadow-md);z-index:10;flex-direction:column;gap:2px;display:flex;position:absolute}.network-graph__tooltip-name{font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--color-text)}.network-graph__tooltip-detail{font-size:var(--text-xs);color:var(--color-text-muted)}.network-stats{margin-top:var(--space-5)}.network-stats__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);text-transform:uppercase;letter-spacing:.02em;margin:0 0 var(--space-3) 0}.network-stats__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.network-stats__card{align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;transition:border-color var(--transition-fast);flex-direction:column;display:flex}.network-stats__card:hover{border-color:var(--color-sf2g-orange)}.network-stats__card--highlight{border-color:var(--color-sf2g-orange-light)}.network-stats__card-icon{font-size:var(--text-2xl);line-height:1}.network-stats__card-value{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text);line-height:1.2}.network-stats__card-value--bond{font-size:var(--text-base)}.network-stats__card-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.network-stats__link{color:var(--color-sf2g-orange);text-decoration:none}.network-stats__link:hover{text-decoration:underline}.network-sidebar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:300px;padding:var(--space-4);flex-shrink:0;max-height:550px;position:relative;overflow-y:auto}.network-sidebar__close{top:var(--space-2);right:var(--space-2);color:var(--color-text-muted);font-size:var(--text-lg);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;line-height:1;position:absolute}.network-sidebar__close:hover{color:var(--color-text)}.network-sidebar__header{gap:var(--space-3);margin-bottom:var(--space-4);padding-right:var(--space-4);align-items:center;display:flex}.network-sidebar__avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;width:48px;height:48px}.network-sidebar__avatar--placeholder{background:var(--color-surface-hover);font-size:var(--text-xl);justify-content:center;align-items:center;display:flex}.network-sidebar__info{flex-direction:column;gap:2px;min-width:0;display:flex}.network-sidebar__name{font-weight:var(--font-semibold);font-size:var(--text-base);color:var(--color-sf2g-orange);white-space:nowrap;text-overflow:ellipsis;text-decoration:none;overflow:hidden}.network-sidebar__name:hover{text-decoration:underline}.network-sidebar__subtitle{font-size:var(--text-xs);color:var(--color-text-secondary)}.network-sidebar__degrees{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic}.network-sidebar__section{margin-bottom:var(--space-4)}.network-sidebar__section-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-2) 0}.network-sidebar__partner-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.network-sidebar__partner{align-items:center;gap:var(--space-2);display:flex}.network-sidebar__partner-avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;width:28px;height:28px}.network-sidebar__partner-avatar--placeholder{background:var(--color-surface-hover);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.network-sidebar__partner-name{font-size:var(--text-sm);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;flex:1;text-decoration:none;overflow:hidden}.network-sidebar__partner-name:hover{color:var(--color-sf2g-orange)}.network-sidebar__partner-count{font-size:var(--text-xs);color:var(--color-text-muted);flex-shrink:0}.network-sidebar__routes{gap:var(--space-1);flex-direction:column;display:flex}.network-sidebar__route-row{align-items:center;gap:var(--space-2);display:flex}.network-sidebar__route-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.network-sidebar__route-label{font-size:var(--text-sm);color:var(--color-text-secondary);flex:1}.network-sidebar__route-count{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}@media (width<=768px){.network-page{padding:var(--space-3) var(--space-2)}.network-page__header{gap:var(--space-2);flex-direction:column}.network-page__title{font-size:var(--text-2xl)}.network-page__legend-hint{width:100%;margin-left:0}.network-page__body{flex-direction:column}.network-graph{height:400px}.network-sidebar{width:100%;max-height:none}.network-stats__grid{grid-template-columns:repeat(2,1fr)}.network-stats__card-value--bond{font-size:var(--text-sm)}}@media (width<=480px){.network-stats__grid{grid-template-columns:1fr}}.leaderboard>.container{max-width:none}.leaderboard__header{margin-bottom:var(--space-5)}.leaderboard__title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text);letter-spacing:.02em;text-transform:uppercase}.leaderboard__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.leaderboard__section-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-3);margin-top:var(--space-5)}.leaderboard__filters{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.leaderboard__search{min-width:200px;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text);transition:border-color var(--transition-fast);outline:none;flex:1}.leaderboard__search::placeholder{color:var(--color-text-muted)}.leaderboard__search:focus{border-color:var(--color-sf2g-orange);box-shadow:0 0 0 2px var(--color-sf2g-orange-bg)}.leaderboard__filter-select{padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;transition:border-color var(--transition-fast);outline:none}.leaderboard__filter-select:focus{border-color:var(--color-sf2g-orange)}.leaderboard__table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow-x:auto}.leaderboard__table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.leaderboard__table thead{z-index:10;background:var(--color-dark-bar);position:sticky;top:0}.leaderboard__table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-bold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-dark-bar-muted);border-bottom:2px solid var(--color-sf2g-orange);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color var(--transition-fast)}.leaderboard__table th:hover,.leaderboard__table .th--sorted{color:var(--color-sf2g-orange)}.leaderboard__table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);white-space:nowrap;text-overflow:ellipsis;color:var(--color-text);font-variant-numeric:tabular-nums;overflow:hidden}.leaderboard__table tr:hover td{background:var(--color-surface-hover)}.leaderboard__table tr:last-child td{border-bottom:none}.leaderboard__rank{font-weight:var(--font-bold);color:var(--color-text-muted);text-align:center;width:48px}.leaderboard__rider{align-items:center;gap:var(--space-2);display:flex}.leaderboard__rider-avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-border);flex-shrink:0;width:32px;min-width:32px;height:32px;min-height:32px}.leaderboard__rider-name{font-weight:var(--font-medium);color:var(--color-text);transition:color var(--transition-fast);text-decoration:none}.leaderboard__rider-name:hover{color:var(--color-sf2g-orange)}.leaderboard__rider-cell{align-items:center;gap:6px;min-width:0;display:flex}.leaderboard__badge{border-radius:var(--radius-full);transition:transform var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;line-height:1;display:inline-flex}.leaderboard__badge:hover{transform:scale(1.15)}.leaderboard__badge--star{filter:drop-shadow(0 0 2px #ffc80080);cursor:help;font-size:.75rem}.leaderboard__badge--years{background:var(--color-surface-hover);color:var(--color-text-muted);font-weight:var(--font-bold);font-variant-numeric:tabular-nums;letter-spacing:.02em;border:1px solid var(--color-border-subtle);cursor:help;padding:1px 5px}.leaderboard__route-count{font-weight:var(--font-semibold);font-variant-numeric:tabular-nums}.leaderboard__total{font-weight:var(--font-bold);font-size:var(--text-base)}.leaderboard__count-btn{all:unset;font-weight:var(--font-semibold);font-variant-numeric:tabular-nums;cursor:pointer;padding:2px var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.leaderboard__count-btn:hover{background:var(--color-surface-hover);text-decoration:underline}.leaderboard__count-btn:focus-visible{outline:2px solid var(--color-strava);outline-offset:2px}.leaderboard__filter-toggle{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;display:inline-flex}.leaderboard__filter-toggle:hover{border-color:var(--color-text-muted);color:var(--color-text-secondary)}.leaderboard__filter-toggle--active{background:var(--color-strava-bg);border-color:var(--color-strava);color:var(--color-strava);font-weight:var(--font-semibold)}.leaderboard__filter-toggle--active:hover{background:var(--color-strava-bg);border-color:var(--color-strava)}.leaderboard__mode-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-left:auto;display:inline-flex;overflow:hidden}.leaderboard__mode-btn{all:unset;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border-right:1px solid var(--color-border)}.leaderboard__mode-btn:last-child{border-right:none}.leaderboard__mode-btn:hover{color:var(--color-text-secondary);background:var(--color-surface-hover)}.leaderboard__mode-btn--active{background:var(--color-strava-bg);color:var(--color-strava);font-weight:var(--font-semibold)}.leaderboard__growth-chart{margin-bottom:var(--space-5);padding:var(--space-5);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.leaderboard__growth-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.leaderboard__growth-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text)}.leaderboard__time-range{border:1px solid var(--color-border);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.leaderboard__time-range-btn{all:unset;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);border-right:1px solid var(--color-border)}.leaderboard__time-range-btn:last-child{border-right:none}.leaderboard__time-range-btn:hover{background:var(--color-surface-hover);color:var(--color-text-secondary)}.leaderboard__time-range-btn--active{background:var(--color-strava-bg);color:var(--color-strava);font-weight:var(--font-semibold)}.leaderboard__chart-select-header{text-align:center;vertical-align:middle;cursor:pointer;width:36px;min-width:36px;max-width:36px;padding:var(--space-2) var(--space-1)!important}.leaderboard__chart-select-cell{text-align:center;vertical-align:middle;width:36px;min-width:36px;max-width:36px;padding:var(--space-2) var(--space-1)!important}.leaderboard__chart-toggle{all:unset;border-radius:var(--radius-full);border:2px solid var(--color-border);cursor:pointer;width:16px;height:16px;transition:all var(--transition-fast);box-sizing:content-box;vertical-align:middle;flex-shrink:0;display:inline-block}.leaderboard__chart-toggle:hover{border-color:var(--color-text-muted);transform:scale(1.15)}.leaderboard__chart-toggle:focus-visible{outline:2px solid var(--color-strava);outline-offset:2px}.leaderboard__chart-toggle--active{border-color:#0000;box-shadow:0 0 0 1px #fff3}.leaderboard__chart-toggle--active:hover{opacity:.8;border-color:#0000}.leaderboard__chart-toggle--all{background:var(--color-strava);border-color:var(--color-strava)}.leaderboard__chart-toggle--some{border-color:var(--color-strava);background:linear-gradient(135deg, var(--color-strava) 50%, transparent 50%)}.growth-chart__legend{gap:var(--space-1) var(--space-2);padding-top:var(--space-3);margin-top:var(--space-2);border-top:1px solid var(--color-border-subtle);flex-wrap:wrap;display:flex}.growth-chart__legend-item{all:unset;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:5px;padding:2px 8px 2px 6px;display:inline-flex}.growth-chart__legend-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.growth-chart__legend-item:focus-visible{outline:2px solid var(--color-strava);outline-offset:2px}.growth-chart__legend-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.growth-chart__legend-name{font-weight:var(--font-medium)}.growth-chart__legend-remove{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-muted);opacity:0;transition:opacity var(--transition-fast);margin-left:1px}.growth-chart__legend-item:hover .growth-chart__legend-remove{opacity:1;color:var(--color-error)}.growth-chart__controls{align-items:center;gap:var(--space-2);display:flex}.growth-chart__toggle-label{cursor:pointer;font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:var(--radius-md);transition:color var(--transition-fast);align-items:center;gap:5px;padding:2px 6px;display:inline-flex}.growth-chart__toggle-label:hover{color:var(--color-text)}.growth-chart__toggle-input{cursor:pointer;width:13px;height:13px;accent-color:var(--color-strava);margin:0}.growth-chart__toggle-text{font-weight:var(--font-medium)}.growth-chart__info-icon{font-size:var(--text-xs);color:var(--color-text-muted);cursor:help}.leaderboard__sub-table{padding:var(--space-4);background:var(--color-surface-elevated);border-left:3px solid var(--color-strava);margin:0;animation:.2s forwards fadeIn}.leaderboard__sub-table-header{margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.leaderboard__sub-table-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);align-items:center;gap:var(--space-2);display:flex}.leaderboard__sub-table-count{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--font-regular)}.leaderboard__sub-table-close{all:unset;padding:var(--space-1) var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.leaderboard__sub-table-close:hover{background:var(--color-surface-hover);color:var(--color-text)}.leaderboard__sub-table table{border-collapse:collapse;width:100%;font-size:var(--text-xs)}.leaderboard__sub-table th{padding:var(--space-2) var(--space-3);text-align:left;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-subtle);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:.6875rem}.leaderboard__sub-table th:hover{color:var(--color-text-secondary)}.leaderboard__sub-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle);white-space:nowrap;color:var(--color-text-secondary)}.leaderboard__sub-table tr:last-child td{border-bottom:none}.leaderboard__sub-table tr:hover td{background:var(--color-surface-hover)}.leaderboard__table tr[data-highlighted]{transition:border-left-color var(--transition-fast)}.community-pies{margin-bottom:var(--space-5);padding:var(--space-5);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.community-pies__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text);text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--space-4)}.community-pies__grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.community-pies__chart{flex-direction:column;align-items:center;display:flex}.community-pies__label{margin-top:var(--space-2);flex-direction:column;align-items:center;gap:2px;display:flex}.community-pies__label-value{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text);font-variant-numeric:tabular-nums}.community-pies__label-desc{font-size:var(--text-xs);color:var(--color-text-muted)}.community-pies__legend{justify-content:center;align-items:center;gap:var(--space-5);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle);display:flex}.community-pies__legend-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);display:flex}.community-pies__legend-dot{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px}.tiny-pie{cursor:default;align-items:center;gap:4px;display:inline-flex}.tiny-pie__label{font-size:.75rem;font-weight:var(--font-semibold);font-variant-numeric:tabular-nums;color:var(--color-text-muted);min-width:2rem}@media (width<=768px){.leaderboard__table-wrapper{margin:0 calc(-1 * var(--space-3));border-left:none;border-right:none;border-radius:0}.leaderboard__table th,.leaderboard__table td{padding:var(--space-2) var(--space-3)}.leaderboard__mode-toggle{width:100%;margin-left:0}.leaderboard__mode-btn{text-align:center;flex:1}.leaderboard__growth-header{flex-direction:column;align-items:flex-start}.leaderboard__sub-table{padding:var(--space-3)}.leaderboard__filters{gap:var(--space-2)}.leaderboard__title{font-size:var(--text-2xl)}.community-pies__grid{grid-template-columns:1fr}.community-pies__legend{gap:var(--space-2);flex-direction:column}.community-pies{padding:var(--space-4)}}@media (width<=480px){.leaderboard__filters{flex-direction:column}.leaderboard__search{width:100%;min-width:0}.leaderboard__filter-select{width:100%}.leaderboard__filter-toggle{justify-content:center;width:100%}.leaderboard__table th,.leaderboard__table td{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.leaderboard__rank{width:32px}.tiny-pie__label{display:none}.leaderboard__title{font-size:var(--text-xl)}.leaderboard__growth-chart{padding:var(--space-3)}.leaderboard__badge--years{display:none}.leaderboard__badge--star{font-size:.6rem}}.filter-chips{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;display:flex}.filter-chips__group{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-chips__label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-right:var(--space-1);white-space:nowrap}.filter-chip{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid var(--color-border);color:var(--color-text-secondary);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);background:0 0;align-items:center;gap:6px;display:inline-flex}.filter-chip:hover{background:var(--color-surface-hover);border-color:var(--chip-color,var(--color-text-muted));transform:translateY(-1px)}.filter-chip:focus-visible{outline:2px solid var(--color-sf2g-orange);outline-offset:2px}.filter-chip--selected{background:var(--chip-color,var(--color-sf2g-orange));border-color:var(--chip-color,var(--color-sf2g-orange));color:#fff;font-weight:var(--font-semibold);transform:scale(1.03);box-shadow:0 2px 6px #00000026}.filter-chip--selected:hover{background:var(--chip-color,var(--color-sf2g-orange));transform:scale(1.06);box-shadow:0 3px 10px #0003}.filter-chip__dot{border-radius:var(--radius-full);flex-shrink:0;width:7px;height:7px}.filter-chip--selected .filter-chip__dot{box-shadow:0 0 0 1px #fff6;background-color:#fff!important}.filter-chip--ppr{border-color:var(--color-border)}.filter-chip--ppr.filter-chip--selected{color:#fff;background:linear-gradient(135deg,#ff8c00,#ff4500,#ff1493);border-color:#ff4500}.filter-chip--ppr.filter-chip--selected:hover{background:linear-gradient(135deg,#ffa033,#ff5722,#ff69b4);border-color:#ff5722}.filter-chip__emoji{font-size:var(--text-sm);line-height:1}.filter-chip--company{--chip-color:var(--color-sf2g-orange)}.rides-table{animation:.2s forwards fadeIn}.rides-table__user-banner{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-3);background:var(--color-sf2g-orange-bg);border:1px solid var(--color-sf2g-orange);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);display:flex}.rides-table__clear-btn{all:unset;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-sf2g-orange);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap}.rides-table__clear-btn:hover{background:var(--color-sf2g-orange);color:#fff}.rides-table__clear-btn:focus-visible{outline:2px solid var(--color-sf2g-orange);outline-offset:2px}.rides-table__wrapper{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow-x:auto}.rides-table__wrapper table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.rides-table__wrapper thead{z-index:10;background:var(--color-dark-bar);position:sticky;top:0}.rides-table__wrapper th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-bold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-dark-bar-muted);border-bottom:2px solid var(--color-sf2g-orange);-webkit-user-select:none;user-select:none;white-space:nowrap;transition:color var(--transition-fast)}.rides-table__wrapper th[aria-sort]:hover{color:var(--color-sf2g-orange)}.rides-table__wrapper td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);white-space:nowrap;color:var(--color-text)}.rides-table__wrapper tr:nth-child(2n) td{background:var(--color-surface-elevated)}.rides-table__wrapper tr:hover td{background:var(--color-surface-hover)}.rides-table__wrapper tr:last-child td{border-bottom:none}.rides-table__rank{font-weight:var(--font-bold);color:var(--color-text-muted);text-align:center;width:48px}.rides-table__rider{align-items:center;gap:var(--space-2);display:flex}.rides-table__avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-border);width:32px;height:32px}.rides-table__avatar-fallback{border-radius:var(--radius-full);background:var(--color-surface-hover);border:2px solid var(--color-border);justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:flex}.rides-table__rider-name{font-weight:var(--font-medium);color:var(--color-text);transition:color var(--transition-fast);text-decoration:none}.rides-table__rider-name:hover{color:var(--color-sf2g-orange)}.rides-table__ride-name{text-overflow:ellipsis;max-width:200px;overflow:hidden}.rides-table__empty{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);padding:var(--space-7) var(--space-4)!important}.rides-table__skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-surface-hover) 25%, var(--color-border-subtle) 50%, var(--color-surface-hover) 75%);background-size:200% 100%;height:1rem;animation:1.5s ease-in-out infinite skeleton-shimmer}.rides-table__skeleton-row td{padding:var(--space-3) var(--space-4)!important}.rides-table__pagination{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-subtle);background:var(--color-surface);border-radius:0 0 var(--radius-md) var(--radius-md);justify-content:space-between;align-items:center;display:flex}.rides-table__page-info{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.rides-table__page-buttons{gap:var(--space-2);display:flex}@media (width<=768px){.filter-chips__group{gap:6px}.filter-chip{padding:3px var(--space-2);font-size:.7rem}}@media (width<=480px){.filter-chips{gap:var(--space-2)}.filter-chips__label{width:100%}.rides-table__wrapper th,.rides-table__wrapper td{padding:var(--space-1) var(--space-2);font-size:.7rem}.rides-table__ride-name{max-width:100px}.rides-table__pagination{gap:var(--space-2);text-align:center;flex-direction:column}.rides-table__user-banner{text-align:center;gap:var(--space-2);flex-direction:column}.rides-table__avatar,.rides-table__avatar-fallback{width:24px;height:24px;font-size:.8rem}.rides-table__rider-name{text-overflow:ellipsis;white-space:nowrap;max-width:80px;display:inline-block;overflow:hidden}.leaderboard__table th,.leaderboard__table td{padding:var(--space-1) var(--space-2);font-size:.7rem}.leaderboard__rider-avatar{flex-shrink:0;width:24px;min-width:24px;height:24px;min-height:24px}.leaderboard__rider-name{text-overflow:ellipsis;white-space:nowrap;max-width:80px;display:inline-block;overflow:hidden}}@media (width<=768px){.leaderboard__table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.leaderboard__table th,.leaderboard__table td{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rides-table__wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.rides-table__wrapper table{width:100%;min-width:500px}.rides-table__wrapper th,.rides-table__wrapper td{text-overflow:ellipsis;overflow:hidden}.leaderboard__rider-avatar,.rides-table__avatar,.rides-table__avatar-fallback{flex-shrink:0}}[data-theme=light] .filter-chip--selected .filter-chip__dot{box-shadow:0 0 0 1px #fff9}[data-theme=light] .rides-table__wrapper tr:nth-child(2n) td{background:#00000004}.leaderboard__controls{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.leaderboard__search-row{gap:var(--space-3);align-items:center;display:flex}.leaderboard__search-row .leaderboard__search{flex:1}.leaderboard__search-row .sync-status{flex-shrink:0}.filter-chips__date-input{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--text-xs);max-width:140px}.filter-chips__date-sep{color:var(--color-text-muted);font-size:var(--text-xs)}.leaderboard__table th{white-space:nowrap;padding-right:1rem;position:relative}.sort-indicator{opacity:.7;pointer-events:none;font-size:.6rem;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.rides-table__wrapper th{white-space:nowrap;padding-right:1rem;position:relative}.rides-table__wrapper .sort-indicator{opacity:.7;font-size:.6rem;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.leaderboard__badge--all-routes{filter:drop-shadow(0 0 3px gold)drop-shadow(0 0 6px orange);animation:2s ease-in-out infinite alternate badge-glow}@keyframes badge-glow{0%{filter:drop-shadow(0 0 3px gold)drop-shadow(0 0 6px orange)}to{filter:drop-shadow(0 0 5px gold)drop-shadow(0 0 10px #ff6b35)}}.leaderboard{flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.leaderboard__toolbar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;display:flex}.leaderboard__toolbar .leaderboard__search{min-width:120px;padding:var(--space-1) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text);transition:border-color var(--transition-fast);outline:none;flex:1}.leaderboard__toolbar .leaderboard__search:focus{border-color:var(--color-sf2g-orange);box-shadow:0 0 0 2px var(--color-sf2g-orange-bg)}.leaderboard__filters-bar{padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.leaderboard__filters-bar .filter-chips{margin-bottom:0}.leaderboard__view-toggle{border-radius:var(--radius-full);border:1px solid var(--color-border);flex-shrink:0;gap:0;width:fit-content;display:flex;overflow:hidden}.leaderboard__view-btn{padding:var(--space-1) var(--space-3);color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);white-space:nowrap;background:0 0;border:none;transition:background .15s,color .15s}.leaderboard__view-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.leaderboard__view-btn--active{background:var(--color-sf2g-orange);color:#fff}.leaderboard__layout{flex:1;min-height:0;display:flex;overflow:hidden}.leaderboard__chart-panel{border-right:1px solid var(--color-border);width:480px;padding:var(--space-3);flex-shrink:0;overflow-y:auto}.leaderboard__table-area{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.leaderboard__table-area .leaderboard__table-wrapper{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.leaderboard__table-area .rides-table{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.leaderboard__table-area .rides-table__wrapper{flex:1;min-height:0;overflow:auto}.leaderboard__chart-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:all .15s;display:inline-flex}.leaderboard__chart-btn:hover{background:var(--color-surface-hover)}.leaderboard__chart-btn--active{background:var(--color-sf2g-orange);border-color:var(--color-sf2g-orange);color:#fff}.leaderboard__density-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);flex-shrink:0;display:inline-flex;overflow:hidden}.leaderboard__density-btn{background:var(--color-surface);cursor:pointer;width:32px;height:36px;color:var(--color-text-muted);border:none;justify-content:center;align-items:center;font-size:1rem;transition:all .15s;display:inline-flex}.leaderboard__density-btn:hover{background:var(--color-surface-hover)}.leaderboard__density-btn--active{background:var(--color-sf2g-orange);color:#fff}.leaderboard__density-btn+.leaderboard__density-btn{border-left:1px solid var(--color-border)}.leaderboard__other-btn{height:36px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:2px;transition:all .15s;display:inline-flex;position:relative}.leaderboard__other-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.leaderboard__other-btn--active{background:var(--color-other);color:#fff;border-color:var(--color-other)}.leaderboard__other-btn--active:hover{background:#5b6370}.leaderboard__other-info{opacity:.6;font-size:8px;line-height:1;position:absolute;bottom:1px;right:3px}.leaderboard__toolbar .sync-status{background:0 0;border:none;flex-shrink:0;margin-bottom:0;padding:0}.leaderboard__toolbar .sync-status--banner{gap:var(--space-2);padding:0}.leaderboard__toolbar .sync-status__info{display:none}.leaderboard__toolbar .sync-status__hint{text-align:center}@media (width<=768px){.leaderboard{height:auto;overflow:visible}.leaderboard__toolbar{padding:var(--space-2) var(--space-3);flex-wrap:wrap}.leaderboard__toolbar .leaderboard__search{flex:100%;order:10;min-width:0}.leaderboard__layout{flex-direction:column}.leaderboard__chart-panel{border-right:none;border-bottom:1px solid var(--color-border);width:100%;max-height:300px}.leaderboard__table-area{min-height:400px}}