:root{--bg:#0B0F26;--bg-raise:#151B3B;--card:#171E42;--card-edge:#262E5C;--ink:#F4F6FC;--ink-soft:#9BA3C7;--ink-faint:#5A6390;--blue:#007BAD;--sky:#00A7E0;--green:#32B44A;--amber:#E0A800;--moon:#E8E6DF;--track:#262E5C;--red:#E5484D}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased}.wrap{max-width:1120px;margin:0 auto;padding:0 24px 64px;position:relative;z-index:1}.starfield{position:fixed;inset:0;z-index:0;pointer-events:none}header{align-items:baseline;justify-content:space-between;gap:8px 24px;padding:28px 0 8px}.brand,header{display:flex;flex-wrap:wrap}.brand{align-items:center;gap:14px}.brand .badge{height:60px;width:60px}.brand h1{margin:0;font-size:26px;font-weight:700;letter-spacing:4px;text-transform:uppercase}.brand h1 .thin{color:var(--sky)}.club-chip{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--card-edge);padding:4px 10px;border-radius:999px;white-space:nowrap}.club-chip b{color:var(--sky);font-weight:700}.head-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.window{font-size:12px;color:var(--ink-soft);letter-spacing:.5px}.join-btn,.window b{color:var(--ink)}.join-btn{font-size:12px;font-weight:700;letter-spacing:.5px;text-decoration:none;white-space:nowrap;background:linear-gradient(90deg,var(--blue),var(--sky));padding:8px 14px;border-radius:999px}.join-btn:focus-visible,.join-btn:hover{filter:brightness(1.15)}.join-btn:focus-visible{outline:2px solid var(--sky);outline-offset:2px}.hero{position:relative;margin-top:16px;background:linear-gradient(180deg,#101632,#0C1129);border:1px solid var(--card-edge);border-radius:14px;padding:18px 18px 6px;overflow:hidden}.hero-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;padding:4px 8px 0}.hero-title{font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--ink-soft)}.hero-big{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.hero-big .pct{font-size:44px;font-weight:700;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hero-big .of{font-size:13px;color:var(--ink-soft)}.hero-big .of b{color:var(--sky)}.hero svg{width:100%;height:auto;display:block}.legend-inline{display:flex;gap:20px;flex-wrap:wrap;padding:0 8px 12px;font-size:11px;color:var(--ink-soft);letter-spacing:.5px}.legend-inline .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}.dot-progress{background:linear-gradient(90deg,#007BAD,#00A7E0)}.dot-remaining{background:#262E5C}.dot-milestone{background:#5A6390}.kpis{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:12px;gap:12px;margin-top:12px}.kpi{background:var(--card);border:1px solid var(--card-edge);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px;min-width:0}.kpi .label{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-soft)}.kpi .value{font-size:27px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi .value small{font-size:14px;color:var(--ink-soft)}.kpi .sub{font-size:11.5px;color:var(--ink-soft)}.kpi .sub.up{color:var(--green)}.kpi .sub.warn{color:var(--amber)}.grid-2{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:12px;gap:12px;margin-top:12px}.panel{background:var(--card);border:1px solid var(--card-edge);border-radius:12px;padding:18px}.panel h2{margin:0 0 4px;font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--ink-soft)}.panel .hint{font-size:11.5px;color:var(--ink-faint);margin:0 0 14px}.panel .empty{font-size:13px;color:var(--ink-faint);padding:16px 0}.lb-row{display:grid;grid-template-columns:28px 1fr 120px 64px;grid-gap:10px;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #1e2650;font-size:13.5px}.lb-row:last-child{border-bottom:none}.lb-rank{color:var(--ink-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.lb-rank.top{color:var(--amber)}.lb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-name .acts{color:var(--ink-faint);font-size:11px;margin-left:8px}.lb-bar{height:8px;background:var(--track);border-radius:4px;overflow:hidden}.lb-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--sky));border-radius:4px}.lb-km{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink)}.lb-km small{color:var(--ink-faint)}.feed-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #1e2650;font-size:13px}.feed-row:last-child{border-bottom:none}.sport{flex:0 0 auto;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid var(--card-edge);color:var(--sky)}.sport.ride{color:var(--green);border-color:#234a2c}.sport.walk{color:var(--amber);border-color:#4a3f1d}.feed-main{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-main b{font-weight:700}.feed-main span{color:var(--ink-soft)}.feed-km{flex:0 0 auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink)}.feed-km small{color:var(--ink-faint)}.week{margin-top:12px}.week h2{margin-top:18px}.bars{align-items:flex-end;gap:10px;height:130px;padding-top:8px}.bar,.bars{display:flex}.bar{flex:1 1;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%}.bar i{display:block;width:100%;max-width:72px;background:linear-gradient(180deg,var(--sky),var(--blue));border-radius:4px 4px 0 0}.bar.today i{background:linear-gradient(180deg,#4CC7F0,var(--sky));box-shadow:0 0 12px rgba(0,167,224,.45)}.bar .v{font-size:11px;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bar .d{font-size:10.5px;color:var(--ink-faint);letter-spacing:.5px;text-transform:uppercase}.milestone{margin-top:12px;display:flex;align-items:center;gap:14px;background:linear-gradient(90deg,rgba(0,123,173,.18),rgba(0,167,224,.05));border:1px solid rgba(0,167,224,.35);border-radius:12px;padding:14px 18px;font-size:13.5px}.milestone .flag{font-size:20px}.milestone b{color:var(--sky)}.milestone .togo{margin-left:auto;color:var(--ink-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.milestone.celebrate{background:linear-gradient(90deg,rgba(50,180,74,.22),rgba(50,180,74,.05));border-color:rgba(50,180,74,.45)}.milestone.celebrate b{color:var(--green)}.sync-banner{margin-bottom:14px;display:flex;align-items:center;gap:14px;border-radius:12px;padding:14px 18px;font-size:13.5px;color:var(--ink);background:linear-gradient(90deg,rgba(224,168,0,.2),rgba(224,168,0,.05));border:1px solid rgba(224,168,0,.45)}.sync-banner .icon{font-size:20px;line-height:1}.sync-banner .age,.sync-banner .detail{color:var(--ink-soft)}.sync-banner .age{margin-left:auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.sync-banner.critical{background:linear-gradient(90deg,rgba(229,72,77,.22),rgba(229,72,77,.05));border-color:rgba(229,72,77,.5)}.sync-banner.critical b{color:var(--red)}.sync-banner.warning b{color:var(--amber)}footer{margin-top:28px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:11.5px;color:var(--ink-faint);border-top:1px solid #1e2650;padding-top:14px}footer .fresh b{color:var(--green);font-weight:700}footer .fresh b.stale{color:var(--amber)}@media (max-width:900px){.kpis{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:1fr}}@media (max-width:520px){.kpis{grid-template-columns:repeat(2,1fr)}.hero-big .pct{font-size:34px}.lb-row{grid-template-columns:24px 1fr 70px 60px}}@media (prefers-reduced-motion:reduce){.pulse{animation:none!important}}@keyframes pulse{0%,to{opacity:.9}50%{opacity:.35}}.pulse{animation:pulse 2.4s ease-in-out infinite}.about-link{font-size:12px;font-weight:700;letter-spacing:.5px;color:var(--ink-soft);background:transparent;cursor:pointer;border:1px solid var(--card-edge);border-radius:999px;padding:8px 14px;white-space:nowrap;font-family:inherit}.about-link:focus-visible,.about-link:hover{color:var(--ink);border-color:var(--sky)}.about-link:focus-visible{outline:2px solid var(--sky);outline-offset:2px}.ann-backdrop{position:fixed;inset:0;z-index:50;background:color-mix(in srgb,var(--bg) 72%,transparent);display:flex;align-items:center;justify-content:center;padding:24px}.ann-modal{position:relative;width:100%;max-width:680px;max-height:85vh;overflow-y:auto;background:var(--card);border:1px solid var(--card-edge);border-radius:16px;padding:32px 28px}.ann-close{position:-webkit-sticky;position:sticky;top:0;float:right;margin:-12px -8px 0 0;width:32px;height:32px;border-radius:50%;border:1px solid var(--card-edge);background:var(--bg-raise);color:var(--ink);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.ann-close:focus-visible,.ann-close:hover{border-color:var(--sky);color:var(--sky)}.ann-close:focus-visible{outline:2px solid var(--sky);outline-offset:2px}.ann-body{clear:both}.ann-byline{display:flex;gap:10px;flex-wrap:wrap;align-items:baseline;font-size:12px;color:var(--ink-soft)}.ann-byline-name{color:var(--ink);font-weight:700}.ann-byline-time{color:var(--ink-faint)}.ann-title{margin:10px 0 6px;font-size:24px;font-weight:700;line-height:1.25}.ann-subtitle{margin:0 0 20px;font-size:13px;color:var(--ink-soft)}.ann-section{margin-top:24px}.ann-section h3{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--sky)}.ann-section h4{margin:18px 0 6px;font-size:15px;font-weight:700;color:var(--ink)}.ann-section p{margin:0 0 12px;font-size:14px;color:var(--ink-soft)}.ann-section p b{color:var(--ink)}.ann-photo{margin:16px 0}.ann-photo img{width:100%;height:auto;display:block;border-radius:10px;border:1px solid var(--card-edge)}.ann-photo figcaption{margin-top:6px;font-size:11.5px;color:var(--ink-faint)}.ann-cta-row{display:flex;gap:12px;flex-wrap:wrap}.ann-cta{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.5px;color:var(--ink);text-decoration:none;white-space:nowrap;background:linear-gradient(90deg,var(--blue),var(--sky));padding:10px 18px;border-radius:999px}.ann-cta:focus-visible,.ann-cta:hover{filter:brightness(1.15)}.ann-cta:focus-visible{outline:2px solid var(--sky);outline-offset:2px}.ann-cta-secondary{background:transparent;border:1px solid var(--card-edge);color:var(--ink-soft)}.ann-cta-secondary:focus-visible,.ann-cta-secondary:hover{color:var(--ink);border-color:var(--sky)}@media (max-width:520px){.ann-modal{padding:24px 18px}.ann-title{font-size:20px}}