:root{--bg:#15181a;--panel:#1f2326;--panel2:#2e3337;--lime:#c8f031;--text:#f5f4ef;--muted:#d8dde0;--danger:#e6553f;--mono:'DejaVu Sans Mono','Courier New',monospace;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{min-height:100%;background:var(--bg);color:var(--text);font-family:var(--sans)}body{padding-bottom:env(safe-area-inset-bottom)}.app{max-width:520px;min-height:100dvh;margin:auto;background:repeating-linear-gradient(180deg,transparent 0 38px,rgba(236,234,227,.035) 38px 40px),var(--bg)}header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 10px}.brandwrap{display:flex;align-items:center;gap:10px;min-width:0}.brandmark{width:50px;height:50px;border-radius:50%;object-fit:cover;flex:0 0 auto;box-shadow:0 0 0 1px rgba(200,240,49,.28),0 4px 14px rgba(0,0,0,.35)}.brand{font:700 13px var(--mono);letter-spacing:.13em;color:var(--lime);white-space:nowrap}.brand span{color:var(--muted);font-size:10px}.pill{font:700 11px var(--mono);padding:6px 11px;border:1px solid var(--muted);border-radius:999px;color:var(--muted);flex:0 0 auto}.pill.live{background:var(--lime);border-color:var(--lime);color:#111}.pill.auto{background:var(--text);color:#111}.odo{text-align:center;padding:14px 14px 6px}.label{font-weight:800;font-size:12px;letter-spacing:.13em;color:var(--muted)}.distance{font:700 min(19vw,88px)/1 var(--mono);margin-top:14px}.distance.live{color:var(--lime)}.distance span{font-size:.23em;color:var(--lime);margin-left:8px}.stats{margin:20px 16px 0;display:grid;grid-template-columns:repeat(3,1fr);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.05)}.stat{background:var(--panel);padding:16px 6px;text-align:center;border-right:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.stat b{display:block;font:700 20px var(--mono)}.stat span{display:block;margin-top:7px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.04em}.mapbox{margin:26px 16px 0;background:var(--panel);padding:14px;border-radius:14px}.maphead{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;font-weight:800;margin:0 2px 10px}#map{height:270px;border-radius:8px;background:#0d0f10}.leaflet-control-attribution{background:rgba(20,22,24,.8)!important;color:#aaa!important;font-size:8px!important}.leaflet-control-attribution a{color:#bbb!important}.leaflet-control-zoom a{background:var(--panel2)!important;color:white!important;border-color:#444!important}.controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:28px 16px 10px}.controls button{min-height:66px;border-radius:14px;border:2px solid transparent;font:800 15px var(--mono);letter-spacing:.08em;box-shadow:0 5px 15px rgba(0,0,0,.3)}.start{background:var(--lime);color:#111;border-color:#e7ff83!important}.pause{background:#f2f1ec;color:#111;border-color:#fff!important}.save{background:var(--danger);color:white;border-color:#ff8371!important}.reset{background:#34393d;color:#ff9182;border-color:#a44b40!important}.controls button:disabled{opacity:1;box-shadow:none}.pause:disabled{background:#777d81;color:#eee;border-color:#999!important}.save:disabled{background:#914b42;color:#f6e8e5;border-color:#a65e54!important}.reset:disabled{background:#303438;color:#d88d82;border-color:#71443e!important}.gpsnote{text-align:center;padding:4px 24px 18px;color:var(--muted);font-size:12px;font-weight:700;line-height:1.4}.gpsnote.err{color:#ff6f5b}.install{display:none;padding:0 16px 16px}.install.show{display:block}.install button{width:100%;min-height:48px;border-radius:10px;border:1px solid var(--lime);background:rgba(200,240,49,.08);color:var(--lime);font-weight:800}.history{padding:10px 16px 32px}.historyhead{display:flex;justify-content:space-between;padding:12px 4px;border-bottom:1px dashed rgba(255,255,255,.16);color:var(--muted);font-size:12px;font-weight:800}.historyhead span:last-child{color:var(--lime)}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.summary>div{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:13px 6px;text-align:center}.summary b{display:block;color:var(--lime);font:800 18px var(--mono)}.summary span{display:block;color:var(--muted);font-size:9px;font-weight:800;margin-top:5px}.ride{display:flex;align-items:center;gap:10px;padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.07);cursor:pointer}.ride .dot{width:8px;height:8px;border-radius:50%;background:var(--lime)}.ride .info{flex:1}.ride .date{font-size:13px}.ride .meta{color:var(--muted);font:11px var(--mono);margin-top:4px}.ride .mi{font:700 16px var(--mono)}.ride .del{border:0;background:transparent;color:var(--muted);font-size:18px;padding:6px}.empty{text-align:center;color:var(--muted);padding:28px 8px;font-size:12px;line-height:1.6}@media(max-width:390px){header{padding-left:14px;padding-right:14px}.brandmark{width:44px;height:44px}.brand span{display:none}.distance{font-size:18vw}#map{height:235px}.controls button{min-height:60px}}