:root{--ink:#f6f8f7;--muted:#8e9996;--panel:#151b1a;--panel2:#1c2421;--line:#29322f;--acid:#c8ff32;--orange:#ff7618;--danger:#ff5e62;--bg:#090d0c;color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}body{overscroll-behavior:none}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--acid);outline-offset:3px}#app{min-height:100vh;max-width:760px;margin:auto;padding:0 20px 105px;background:radial-gradient(circle at 78% 3%,#1c2d23 0,transparent 27%)}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:10px;font-weight:850;letter-spacing:-.03em}.wordmark span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--acid);color:#0a0d0c;font-weight:950}.iconButton{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--ink)}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:850;color:var(--acid)}.hero{padding:30px 0 22px}.hero h1{font-size:clamp(42px,10vw,67px);line-height:.94;letter-spacing:-.065em;margin:10px 0 17px}.hero h1 em{font-style:normal;color:var(--acid)}.hero p:last-child{color:var(--muted);font-size:15px;line-height:1.55;max-width:540px}.watchCard{display:grid;grid-template-columns:68px 1fr auto;gap:15px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,var(--panel2),var(--panel))}.watchIcon{height:70px;border-radius:18px;background:#070908;border:5px solid #424b48;display:grid;place-items:center;color:var(--acid);font-size:27px}.statusDot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#66706d;margin-right:6px}.online .statusDot{background:var(--acid);box-shadow:0 0 11px var(--acid)}.watchCopy small{font-size:9px;letter-spacing:.13em;color:var(--muted)}.watchCopy strong{display:block;margin:5px 0}.watchCopy p{margin:0;color:var(--muted);font-size:12px}.pill,.roundAction{border:0;background:var(--acid);color:#0a0d0c;font-weight:850;border-radius:13px;padding:11px 13px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 35px}.action{border-radius:20px;padding:18px;min-height:108px;text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--ink)}.action.primary{background:var(--acid);color:#0a0d0c;border-color:var(--acid)}.action span{float:right;font-size:26px}.action b,.action small{display:block}.action b{margin-top:23px}.action small{font-size:11px;margin-top:4px;opacity:.66}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin-top:26px}.sectionHead h2{font-size:23px;margin:5px 0 13px}.sectionHead button{border:0;background:none;color:var(--muted);font-size:12px;margin-bottom:15px}.card{border:1px solid var(--line);border-radius:22px;background:var(--panel)}.routeCard{display:grid;grid-template-columns:112px 1fr auto;gap:15px;align-items:center;padding:12px;margin-bottom:12px}.mapPreview{height:106px;border-radius:16px;background:repeating-linear-gradient(25deg,#17201d 0 13px,#1b2622 13px 14px);overflow:hidden}.mapPreview svg{width:100%;height:100%}.mapPreview path{fill:none;stroke:var(--orange);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.routeCopy small{font-size:9px;letter-spacing:.11em;color:var(--orange);font-weight:800}.routeCopy h3{margin:6px 0 14px;font-size:18px}.metrics{display:flex;gap:14px;color:var(--muted);font-size:10px}.metrics b{display:block;color:var(--ink);font-size:14px}.roundAction{width:40px;height:40px;padding:0;border-radius:50%;font-size:19px}.empty{padding:34px;text-align:center;color:var(--muted)}.empty span{font-size:40px;display:block;color:var(--acid);margin-bottom:10px}.pageTitle{font-size:38px;letter-spacing:-.045em;margin:28px 0 22px}.filterRow{display:flex;gap:8px;overflow:auto;margin-bottom:18px}.filterRow button{white-space:nowrap;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--muted);padding:8px 13px;font-size:12px}.filterRow .active{background:var(--acid);color:#101410;border-color:var(--acid)}.rideCard{padding:18px;margin-bottom:12px}.rideTop{display:flex;justify-content:space-between;align-items:start}.rideTop h3{margin:5px 0 18px}.rideTop small{color:var(--muted)}.rideTop .badge{color:var(--acid);background:#c8ff3212;border-radius:13px;padding:7px 9px}.rideMetrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rideMetrics span{font-size:10px;color:var(--muted)}.rideMetrics b{display:block;color:var(--ink);font-size:18px;margin-bottom:3px}.chart{height:90px;display:flex;align-items:end;gap:3px;margin-top:18px;border-bottom:1px solid var(--line)}.chart i{display:block;flex:1;min-width:2px;background:linear-gradient(var(--acid),#55701b);border-radius:3px 3px 0 0}.detailHero{padding:20px}.detailHero .mapPreview{height:190px}.detailGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.detailMetric{padding:16px}.detailMetric b{font-size:22px;display:block}.detailMetric span{font-size:10px;color:var(--muted)}.pairPanel{padding:20px}.pairCode{display:flex;gap:8px;margin:18px 0}.pairCode input{width:100%;min-width:0;border:1px solid var(--line);background:#0d1211;border-radius:14px;padding:14px;color:var(--ink);font-size:23px;text-align:center;letter-spacing:.18em}.pairCode button{border:0;border-radius:14px;background:var(--acid);color:#101410;font-weight:800;padding:0 18px}.syncSteps{list-style:none;padding:0;margin:20px 0}.syncSteps li{display:flex;gap:13px;border-top:1px solid var(--line);padding:14px 0;color:var(--muted);font-size:13px}.syncSteps b{display:grid;place-items:center;min-width:25px;height:25px;background:#222b28;border-radius:50%;color:var(--acid)}.dangerButton{width:100%;border:1px solid #ff5e6244;background:#ff5e6210;color:var(--danger);border-radius:14px;padding:13px}.tabbar{position:fixed;z-index:9;bottom:0;left:50%;transform:translateX(-50%);width:min(760px,100%);height:78px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:#0d1211ee;backdrop-filter:blur(18px);padding-bottom:env(safe-area-inset-bottom)}.tabbar button{border:0;background:none;color:#66716e;font-size:10px}.tabbar span{display:block;font-size:21px;margin-bottom:5px}.tabbar .active{color:var(--acid)}.modal{position:fixed;z-index:20;inset:0;background:#000a;display:grid;place-items:end center;padding:18px}.modal[hidden],.toast[hidden]{display:none}.sheet{width:min(520px,100%);background:#151b1a;border:1px solid var(--line);border-radius:25px;padding:22px;margin-bottom:max(8px,env(safe-area-inset-bottom));box-shadow:0 24px 60px #000}.sheet h2{margin-top:0}.sheet p{color:var(--muted);line-height:1.5}.sheet button{width:100%;border:0;border-radius:14px;background:var(--acid);color:#101410;padding:13px;font-weight:800;margin-top:8px}.sheet button.secondaryButton{background:#27312e;color:var(--ink)}.toast{position:fixed;z-index:30;left:50%;bottom:96px;transform:translateX(-50%);width:min(430px,calc(100% - 32px));background:#f4f6f5;color:#121614;padding:13px 16px;border-radius:14px;box-shadow:0 15px 40px #0008;font-size:13px;font-weight:700}@media(max-width:520px){#app{padding-left:16px;padding-right:16px}.hero{padding-top:20px}.watchCard{grid-template-columns:58px 1fr auto;padding:12px}.watchIcon{height:60px}.watchCopy p{display:none}.routeCard{grid-template-columns:92px 1fr auto;gap:10px}.mapPreview{height:92px}.metrics span:nth-child(3){display:none}.rideMetrics{grid-template-columns:repeat(2,1fr);row-gap:14px}}@media(display-mode:standalone){.topbar{padding-top:env(safe-area-inset-top);height:calc(72px + env(safe-area-inset-top))}}