:root{--bg:#07090f;--panel:#ffffff0e;--panel2:#ffffff17;--line:#ffffff1a;--line2:#ffffff2e;--text:#eef2f7;--mute:#94a0b4;--dim:#5d6878;--acc:#c6ff3d;--acc2:#22d3ee;--warm:#ff8a3d;--red:#ff4d5e;--strava:#fc4c02;--r:20px;--font:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);font-feature-settings:"tnum" 1,"ss01" 1;-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}button,input{font:inherit;color:inherit}.bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg i{filter:blur(90px);opacity:.38;border-radius:50%;animation:22s ease-in-out infinite alternate float;position:absolute}.bg i:first-child{background:radial-gradient(circle,#1d4ed8 0,#0000 70%);width:46vmax;height:46vmax;top:-14vmax;left:-12vmax}.bg i:nth-child(2){background:radial-gradient(circle,#0e7490 0,#0000 70%);width:40vmax;height:40vmax;animation-delay:-6s;top:18vh;right:-14vmax}.bg i:nth-child(3){background:radial-gradient(circle,#4d7c0f 0,#0000 70%);width:34vmax;height:34vmax;animation-delay:-12s;bottom:-18vmax;left:24vw}@keyframes float{to{transform:translate(4vmax,3vmax)scale(1.08)}}#gl{z-index:1;touch-action:none;width:100%;height:100%;display:none;position:fixed;inset:0}body.riding #gl{display:block}body.riding .bg{display:none}#app{z-index:2;min-height:100%;position:relative}.wrap{max-width:1120px;padding:calc(22px + var(--safe-t)) 20px calc(40px + var(--safe-b));margin:0 auto}.screen{animation:.45s cubic-bezier(.2,.8,.2,1) in}@keyframes in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.glass{border:1px solid var(--line);border-radius:var(--r);-webkit-backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(#ffffff13,#ffffff09);box-shadow:0 20px 60px -30px #000c,inset 0 1px #ffffff0f}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.brand .logo{border:1px solid var(--line2);background:linear-gradient(135deg,#1b2333,#0b0f17);border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.brand .logo svg{width:22px;height:22px}.top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px;display:flex}.chip{background:var(--panel);border:1px solid var(--line);color:var(--mute);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;display:inline-flex}.chip b{color:var(--text);font-weight:650}.chip .dot{background:var(--dim);border-radius:50%;width:8px;height:8px}.chip .dot.ok{background:var(--acc);box-shadow:0 0 10px var(--acc)}.chip .dot.warn{background:var(--warm)}.chip .dot.err{background:var(--red)}h1{letter-spacing:-.035em;margin:0 0 8px;font-size:clamp(30px,4.6vw,52px);font-weight:800;line-height:1.02}h2{letter-spacing:-.02em;margin:0 0 14px;font-size:22px;font-weight:750}.lead{color:var(--mute);max-width:640px;margin:0 0 26px;font-size:16px;line-height:1.5}.grad{background:linear-gradient(90deg,var(--acc),var(--acc2));color:#0000;-webkit-background-clip:text;background-clip:text}.btn{appearance:none;border:1px solid var(--line2);background:var(--panel2);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:13px 20px;font-weight:650;text-decoration:none;transition:transform .12s,background .2s,border-color .2s;display:inline-flex}.btn:hover{background:#ffffff24}.btn:active{transform:scale(.98)}.btn.primary{background:linear-gradient(135deg,var(--acc),#8cf53b);color:#0b1200;border-color:#0000;box-shadow:0 10px 30px -10px #c6ff3d8c}.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{background:0 0}.btn.small{border-radius:12px;min-height:38px;padding:8px 14px;font-size:14px}.btn.strava{background:var(--strava);color:#fff;border-color:#0000}.btn[disabled]{opacity:.45;pointer-events:none}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.grid{gap:16px;display:grid}.field{flex-direction:column;gap:7px;margin-bottom:16px;display:flex}.field label{color:var(--mute);letter-spacing:.02em;font-size:13px;font-weight:600}.input{border:1px solid var(--line2);background:#00000059;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:17px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--acc2);box-shadow:0 0 0 4px #22d3ee26}.err{color:#ff8a95;min-height:20px;margin:4px 0 10px;font-size:14px}.muted{color:var(--mute)}.small{font-size:13px}.login{place-items:center;min-height:100vh;padding:24px;display:grid}.login .card{width:min(440px,100%);padding:34px 30px}.login h1{font-size:40px}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:26px;display:grid}.stat{padding:16px 18px}.stat .k{color:var(--mute);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:650}.stat .v{letter-spacing:-.02em;margin-top:4px;font-size:28px;font-weight:780}.stat .v small{color:var(--mute);margin-left:3px;font-size:14px;font-weight:600}.hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.list{flex-direction:column;gap:10px;display:flex}.ride{cursor:pointer;grid-template-columns:120px 1fr auto;align-items:center;gap:16px;padding:12px 16px 12px 12px;transition:transform .15s,border-color .2s;display:grid}.ride:hover{border-color:var(--line2);transform:translateY(-1px)}.ride canvas{background:#00000040;border-radius:10px;width:120px;height:52px}.ride .t{font-size:16px;font-weight:700}.ride .s{color:var(--mute);margin-top:3px;font-size:13px}.ride .n{text-align:right;gap:18px;display:flex}.ride .n div{font-size:18px;font-weight:750}.ride .n span{color:var(--mute);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600;display:block}.empty{text-align:center;color:var(--mute);padding:34px}.cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.rider{cursor:pointer;flex-direction:column;gap:14px;padding:18px;transition:transform .15s,border-color .2s;display:flex;position:relative}.rider:hover{border-color:var(--line2);transform:translateY(-2px)}.rider.sel{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc),0 20px 50px -25px #c6ff3d80}.av{color:#0b0f17;border-radius:15px;place-items:center;width:48px;height:48px;font-size:20px;font-weight:800;display:grid}.rider .nm{font-size:19px;font-weight:750}.rider .meta{color:var(--mute);gap:16px;font-size:14px;display:flex}.rider .meta b{color:var(--text);font-size:17px}.rider .edit{position:absolute;top:12px;right:12px}.add{border:1.5px dashed var(--line2);min-height:150px;color:var(--mute);background:0 0;place-items:center;font-weight:650;display:grid}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatches button{cursor:pointer;border:2px solid #0000;border-radius:10px;width:34px;height:34px}.swatches button.on{border-color:#fff}.modal{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#03050a99;place-items:center;padding:20px;animation:.25s in;display:grid;position:fixed;inset:0}.modal .card{width:min(460px,100%);padding:26px}.two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.connect{grid-template-columns:1.25fr 1fr;gap:16px;display:grid}.panel{padding:24px}.trainer-ico{border:1px solid var(--line2);background:linear-gradient(135deg,#132036,#0b1220);border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:16px;display:grid}.live{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;display:grid}.live div{border:1px solid var(--line);text-align:center;background:#0000004d;border-radius:14px;padding:12px}.live b{font-size:26px;font-weight:780;display:block}.live span{color:var(--mute);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.note{color:#ffc49d;background:#ff8a3d1a;border:1px solid #ff8a3d59;border-radius:14px;margin:12px 0;padding:12px 14px;font-size:14px;line-height:1.45}.test-btn{cursor:pointer;text-align:left;background:radial-gradient(120% 140% at 0 0,#ff8a3d59,#ff4d5e26 50%,#ffffff08);border:1px solid #ff8a3d80;border-radius:22px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;width:100%;min-height:150px;padding:24px;transition:transform .12s,box-shadow .2s;display:flex}.test-btn:hover{box-shadow:0 20px 60px -20px #ff8a3d99}.test-btn:active{transform:scale(.985)}.test-btn .big{letter-spacing:-.04em;font-size:56px;font-weight:850;line-height:1}.test-btn .sub{color:#ffd2b5;font-size:14px}.log{max-height:150px;color:var(--mute);white-space:pre-wrap;background:#00000059;border-radius:12px;margin-top:12px;padding:10px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}details summary{cursor:pointer;color:var(--mute);margin-top:10px;font-size:13px}.areas{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:6px;display:grid}.area{aspect-ratio:4/5;border:1px solid var(--line2);cursor:pointer;color:#fff;text-align:left;font:inherit;-webkit-tap-highlight-color:transparent;background:#111722;border-radius:20px;padding:0;transition:transform .15s,border-color .2s;position:relative;overflow:hidden}.area:hover{transform:translateY(-3px)}.area:active{transform:scale(.98)}.area:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.area img,.ahero img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.ashade{background:linear-gradient(#080b1200 40%,#080b12d9 100%);position:absolute;inset:0}.atxt{flex-direction:column;gap:2px;display:flex;position:absolute;bottom:12px;left:14px;right:12px}.atxt b{letter-spacing:-.02em;font-size:19px;font-weight:800;line-height:1.1}.acount{color:#cfd6e4;font-size:12.5px}.aflags{font-size:15px;line-height:1}.ahero{border:1px solid var(--line2);border-radius:22px;height:170px;margin:4px 0 18px;position:relative;overflow:hidden}.ahero h1{margin:0;font-size:30px}.routes{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.route{cursor:pointer;flex-direction:column;padding:0;transition:transform .18s,border-color .2s;display:flex;overflow:hidden}.route:hover{border-color:var(--line2);transform:translateY(-3px)}.route .pf{background:linear-gradient(#ffffff08,#00000040);height:150px;position:relative}.route .pf canvas{width:100%;height:100%;display:block}.route .num{color:#0b0f17;background:var(--acc);border-radius:8px;padding:3px 8px;font-size:13px;font-weight:800;position:absolute;top:12px;left:14px}.route .ctry{position:absolute;top:12px;right:14px}.route .bd{padding:16px 18px 18px}.route .nm{letter-spacing:-.02em;font-size:22px;font-weight:780}.route .sb{color:var(--mute);margin:2px 0 14px;font-size:14px}.route .nums{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.route .nums b{font-size:17px;font-weight:750;display:block}.route .nums span{color:var(--mute);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.route .pb{color:var(--acc);margin-top:12px;font-size:13px}.tag{border:1px solid var(--line2);color:var(--mute);vertical-align:middle;border-radius:999px;margin-left:6px;padding:3px 8px;font-size:11px;display:inline-block}.finish .big{letter-spacing:-.05em;margin:6px 0 4px;font-size:clamp(56px,10vw,104px);font-weight:850;line-height:.95}.fgrid{grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0;display:grid}.fgrid .stat .v{font-size:30px}.fgrid.laps{grid-template-columns:repeat(2,1fr);margin-bottom:0}.trace{margin-bottom:18px;padding:14px}.trace canvas{width:100%;height:150px;display:block}.actions{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.strava-box{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:16px 18px;display:flex}.pill{color:#ffb08a;background:#fc4c0226;border:1px solid #fc4c0259;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}#toast{left:50%;bottom:calc(24px + var(--safe-b));opacity:0;z-index:99;border:1px solid var(--line2);pointer-events:none;text-align:center;background:#0f141eeb;border-radius:14px;max-width:90vw;padding:12px 18px;font-size:14px;transition:all .3s;position:fixed;transform:translate(-50%)translateY(20px)}#toast.on{opacity:1;transform:translate(-50%)}.nav{align-items:center;gap:8px;display:flex}.back{color:var(--mute);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px 0;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.steps{gap:6px;margin-bottom:18px;display:flex}.steps i{background:#ffffff1a;border-radius:4px;flex:1;height:4px}.steps i.on{background:linear-gradient(90deg,var(--acc),var(--acc2))}@media (max-width:860px){.connect{grid-template-columns:1fr}.stats,.fgrid{grid-template-columns:repeat(2,1fr)}.ride{grid-template-columns:84px 1fr}.ride canvas{width:84px;height:44px}.ride .n{text-align:left;grid-column:1/-1;justify-content:space-between}}@media (max-width:560px){.wrap{padding-left:14px;padding-right:14px}h1{font-size:34px}.actions,.routes{grid-template-columns:1fr}.test-btn .big{font-size:46px}}.brand{white-space:nowrap}@media (max-width:440px){.top .chip{gap:6px;padding:6px 9px;font-size:12px}.brand{gap:8px;font-size:16px}.brand .logo{width:30px;height:30px}}.hud{z-index:5;pointer-events:none;position:fixed;inset:0}.hud .st{top:calc(10px + var(--safe-t));pointer-events:auto;position:absolute;left:10px}.hud .st .chip{-webkit-backdrop-filter:blur(10px);background:#0a0d1452;border-color:#ffffff1a;padding:5px 10px;font-size:11.5px}.hud .ctl{top:calc(10px + var(--safe-t));pointer-events:auto;gap:6px;display:flex;position:absolute;right:10px}.hud .ctl button{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#0a0d1452;border:1px solid #ffffff1f;border-radius:11px;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.hud .msg{text-align:center;letter-spacing:-.03em;text-shadow:0 4px 24px #00000073;opacity:0;white-space:nowrap;font-size:clamp(26px,5.5vw,56px);font-weight:800;transition:opacity .4s;position:absolute;top:24%;left:50%;transform:translate(-50%)}.hud .msg.on{opacity:1}.hud .msg small{color:#e6edf5;letter-spacing:0;font-size:.34em;font-weight:600;display:block}.hud .dock{pointer-events:auto;left:50%;bottom:calc(10px + var(--safe-b));-webkit-backdrop-filter:blur(16px)saturate(1.15);background:linear-gradient(#0e121a75,#080b1194);border:1px solid #ffffff1a;border-radius:16px;width:min(940px,100vw - 20px);padding:6px 10px 5px;position:absolute;transform:translate(-50%);box-shadow:0 8px 30px #00000040}.hud .row{align-items:center;gap:4px;display:flex}.hud .pri{flex:none;gap:2px;display:flex}.hud .sec{border-left:1px solid #ffffff14;flex:auto;justify-content:flex-end;gap:2px;margin-left:4px;padding-left:6px;display:flex}.hud .m{text-align:left;flex-direction:column;justify-content:center;min-width:0;padding:1px 9px;display:flex}.hud .m b{letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;color:#eef2f6;font-size:15px;font-weight:700;line-height:1.1}.hud .m span{color:#dce4ee9e;text-transform:uppercase;letter-spacing:.09em;white-space:nowrap;font-size:9px;font-weight:600}.hud .pri .m b{color:#fff;font-size:22px;font-weight:760}.hud .pri .m.pw b{color:#ffb070}.hud .more{display:none}.hud .pf{margin-top:3px;position:relative}.hud .pf .lbl{white-space:nowrap;color:#e6ecf4bf;pointer-events:none;z-index:1;gap:10px;font-size:10px;font-weight:600;display:flex;position:absolute;top:-1px;left:2px;right:2px;overflow:hidden}.hud .pf .lm{color:var(--acc);text-overflow:ellipsis;min-width:0;overflow:hidden}.hud .pf .fps{color:#e6ecf499;margin-left:auto}.hud canvas.prof{width:100%;height:34px;display:block}@media (max-width:760px){.hud .dock{width:calc(100vw - 14px);bottom:calc(7px + var(--safe-b));border-radius:14px;padding:5px 6px 4px}.hud .row{flex-wrap:wrap}.hud .pri{flex:auto;grid-template-columns:repeat(3,1fr);display:grid}.hud .pri .m{text-align:center;align-items:center;padding:1px 2px}.hud .pri .m b{font-size:21px}.hud .more{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:9px;flex:0 0 30px;place-items:center;height:30px;font-size:16px;font-weight:600;display:grid}.hud .sec{border-top:1px solid #ffffff14;border-left:0;flex:100%;order:3;grid-template-columns:repeat(3,1fr);row-gap:3px;margin:3px 0 0;padding:4px 0 0;display:none}.hud .dock.open .sec{display:grid}.hud .sec .m{text-align:center;align-items:center}.hud .sec .m b{font-size:14px}.hud canvas.prof{height:28px}.hud .pf .lbl{font-size:9.5px}}.hud .msg.card{white-space:normal;pointer-events:auto;background:#0a0e16c7;border-radius:18px;width:min(88vw,480px);padding:22px 20px;font-size:24px;top:30%}.hud .msg.card small{margin-top:8px;font-size:15px;line-height:1.4}.hud .skip{right:10px;bottom:calc(var(--dockH,64px) + 18px + var(--safe-b));pointer-events:auto;-webkit-backdrop-filter:blur(12px);color:#fff;height:44px;font:700 14px/1 var(--font);letter-spacing:-.005em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0a0d1475;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:7px;padding:0 16px 0 13px;transition:transform .12s,background .2s;display:flex;position:absolute;box-shadow:0 6px 22px #00000040}.hud .skip svg{color:var(--acc)}.hud .skip:active{background:#141a249e;transform:scale(.96)}.hud .skip[hidden]{display:none}.hud .fade{opacity:0;pointer-events:none;background:#07090f;transition:opacity .18s;position:absolute;inset:0}.hud .fade.on{opacity:1}.hud .fade.slow{transition:opacity .5s}.tag.skip{color:var(--acc2);border-color:#22d3ee66}.finish .skipnote{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 2px;display:flex}.hud .topbar{left:50%;top:calc(10px + var(--safe-t));-webkit-backdrop-filter:blur(14px)saturate(1.15);pointer-events:none;z-index:2;background:linear-gradient(#0c10189e,#080b11b3);border:1px solid #ffffff1f;border-radius:14px;grid-template-columns:repeat(6,1fr);gap:2px;width:min(560px,100vw - 240px);padding:5px 6px;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 6px 22px #00000038}.hud .topbar .m{text-align:center;align-items:center;padding:1px 2px}.hud .topbar .m b{color:#fff;text-shadow:0 1px 6px #00000059;font-size:16px}.hud .topbar .m span{color:#e2e9f2c7;font-size:9px}.hud .dock,.hud .skip,.hud .st,.hud .ctl{z-index:2}.hud .fade{z-index:1}@media (max-width:760px){.hud .topbar{top:calc(52px + var(--safe-t));width:auto;padding:6px 4px 5px;left:7px;right:7px;transform:none}.hud .topbar .m b{font-size:15.5px}.hud .dock .row{flex-wrap:nowrap}}.rgroup{margin-top:30px}.rgroup:first-of-type{margin-top:22px}.rgroup .rhead{letter-spacing:.14em;text-transform:uppercase;color:var(--text);border-bottom:1px solid var(--line);align-items:baseline;gap:10px;margin:0 0 12px;padding-bottom:8px;font-size:13px;font-weight:750;display:flex}.rgroup .rcount{letter-spacing:.06em;color:var(--mute);text-transform:none;font-size:11px;font-weight:600}.rgroup.none{opacity:.55;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:baseline;margin-top:10px;padding-bottom:7px;display:flex}.rgroup.none .rhead{color:var(--mute);border:0;margin:0;padding:0;font-size:12px}.rgroup .soon{color:var(--dim);font-size:12px}.rgroup.none+.rgroup:not(.none){margin-top:30px}.hud .st .chip{color:#e9eef5;background:#0a0d148c;border-color:#ffffff24}