*{box-sizing:border-box}html,body{color:#f3f7fa;background:#071019;margin:0;font-family:system-ui,-apple-system,sans-serif}.shell{max-width:520px;min-height:100vh;padding:calc(18px + env(safe-area-inset-top)) 18px calc(22px + env(safe-area-inset-bottom));margin:auto}.modebar{gap:10px;margin:4px 0 14px;display:flex}.modebar span{text-align:center;color:#8ca2b5;background:#101c26;border:1px solid #203442;border-radius:14px;flex:1;padding:11px 12px;font-size:13px;font-weight:800}.modebar .activeMode{color:#fff;background:#0c392d;border-color:#10b981}.modebar .travelMode{background:#102b43;border-color:#2d8cff}.onboarding{background:#101c26;border:1px solid #203442;border-radius:20px;margin:14px 0;padding:0 18px}.onboarding summary{cursor:pointer;padding:16px 0;font-weight:800}.settingsBody{padding:0 0 14px}.status{text-align:center;background:#13212d;border:1px solid #263b4b;border-radius:26px;justify-content:center;align-items:center;min-height:190px;margin:8px 0 12px;padding:30px 22px;display:flex}.status.RED{background:#45151a;border-color:#ef4444}.status.ORANGE{background:#442b0d;border-color:#f59e0b}.status.GREEN{background:#0c392d;border-color:#10b981}.status.UNKNOWN{background:#29323b;border-color:#64748b}.status h1{letter-spacing:-.02em;margin:0;font-size:clamp(28px,8vw,40px);line-height:1.08}.grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.card{background:#101c26;border:1px solid #203442;border-radius:17px;min-height:76px;padding:14px}.card b{color:#8ca2b5;letter-spacing:.04em;margin-bottom:7px;font-size:11px;display:block}.wide{grid-column:1/-1}.actions{gap:10px;margin:12px 0;display:flex}.actions button,.travelButton{color:#fff;text-align:center;background:#2d8cff;border:0;border-radius:14px;flex:1;padding:14px;font-weight:800}.travelButton{width:100%;margin:14px 0 8px;padding:17px;font-size:16px;display:block}.travelButton.stop{background:#b42318}.travelBadge{text-align:center;color:#79f1c1;margin:8px 0 14px;font-size:13px;font-weight:800}.muted{color:#8ca2b5;font-size:13px;line-height:1.5}.map{border-radius:18px;height:68vh;overflow:hidden}.back{color:#9cc8ff;text-decoration:none}@media (max-width:390px){.shell{padding-left:13px;padding-right:13px}.grid{grid-template-columns:1fr}.wide{grid-column:auto}.status{min-height:170px}.actions{flex-direction:column}.card{font-size:14px}}