@charset "UTF-8";:root{--bg-primary: #000000;--bg-surface: #0a0a0f;--bg-surface-highlight: #252525;--text-primary: #ffffff;--text-secondary: #a7a7a7;--text-muted: #7d7d7d;--accent-primary: #00d6bd;--pill-border: rgba(255, 255, 255, .7);--focus-ring: rgba(0, 212, 255, .4);--pre-ride-overlay-top: #2d2d2d;--pre-ride-overlay-mid: #101010;--pre-ride-overlay-bottom: #0a0a0f;--card-width: min(384px, calc(100% - 16px) );--card-height: min(518px, calc(100% - 16px) )}html,body{width:600px;height:600px;margin:0;overflow:hidden;background:var(--bg-primary)}body{font-family:system-ui,sans-serif}button{font:inherit}.pill-surface{border:2px solid var(--pill-border);border-radius:1rem;background:linear-gradient(180deg,var(--bg-surface-highlight) 0%,#111111 42%,var(--bg-surface) 100%);box-shadow:inset 0 1px #ffffff2e}.pre-ride-card,.ride-summary-card,.settings-card{box-sizing:border-box;width:var(--card-width);height:var(--card-height);display:flex;flex-direction:column;justify-content:space-between;border-radius:1.5rem;background:linear-gradient(180deg,var(--pre-ride-overlay-top) 0%,var(--pre-ride-overlay-mid) 28%,var(--pre-ride-overlay-bottom) 100%)}.pre-ride-card{padding:8.5rem 2rem 2rem}.ride-summary-card{padding:2rem}.settings-card{padding:1.5rem 1.25rem;gap:1rem}.starting-card{justify-content:center;gap:2rem;padding:2rem;text-align:center}.starting-spinner{box-sizing:border-box;width:76px;height:76px;margin:0 auto;border:6px solid rgba(255,255,255,.18);border-top-color:var(--accent-primary);border-radius:50%;animation:starting-spin 1s linear infinite}@keyframes starting-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.starting-spinner{animation:none}}.pre-ride-copy{width:min(384px,100%);margin:0 auto}.pre-ride-copy h1{margin:0;color:var(--text-primary);font:500 clamp(3.5rem,9vw,4.4rem)/1 system-ui,sans-serif;letter-spacing:-.07em}.pre-ride-copy p{margin:.35rem 0 0;color:var(--accent-primary);font:600 1.25rem/1.1 system-ui,sans-serif}.pre-ride-error{display:block;margin-top:1rem;color:#ff9a9a;font:600 .85rem/1.25 system-ui,sans-serif}.pre-ride-actions{width:min(320px,100%);margin:0 auto;display:grid;gap:1.5rem}.pre-ride-button{min-height:4rem;border:2px solid rgba(0,214,189,.8);border-radius:999px;padding:.75rem 1rem;color:var(--text-primary);background:#00d6bd5c;font:700 1.35rem/1 system-ui,sans-serif;cursor:pointer}.pre-ride-button:hover{border-color:var(--accent-primary);background:#00d6bd7a}.pre-ride-button:disabled{cursor:wait;opacity:.7}.ride-summary-copy{width:min(320px,100%);margin:0 auto}.ride-summary-title{margin:0;color:var(--accent-primary);font:800 1.3rem/1.1 system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase}.ride-summary-metrics{margin:1.1rem 0 0}.ride-summary-row{display:grid;gap:.15rem;padding:.8rem 0 .9rem;border-bottom:1px solid rgba(255,255,255,.28)}.ride-summary-row dd{margin:0;display:flex;align-items:baseline;gap:.4rem}.ride-summary-row strong{color:var(--accent-primary);font:700 1.7rem/1 system-ui,sans-serif;letter-spacing:-.02em}.ride-summary-unit{color:var(--text-primary);font:700 1rem/1 system-ui,sans-serif}.settings-title{flex:none;margin:0;color:var(--accent-primary);font:800 1.3rem/1.1 system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase}.settings-list{flex:1 1 auto;overflow-y:auto;margin:0;padding-inline:8px;padding-block:0;list-style:none}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.28)}.settings-row:last-child{border-bottom:none}.settings-row-label{color:var(--text-primary);font:600 1.05rem/1.15 system-ui,sans-serif}.settings-toggle{flex:none;box-sizing:border-box;scroll-margin-block:8px;width:60px;height:34px;border:none;border-radius:999px;padding:3px;display:flex;justify-content:flex-start;background:#ffffff42;cursor:pointer;transition:background .15s ease}.settings-toggle[aria-checked=true]{justify-content:flex-end;background:var(--accent-primary)}.settings-toggle-knob{width:28px;height:28px;border-radius:50%;background:var(--text-primary);box-shadow:0 1px 3px #00000073}.settings-card .pre-ride-button{flex:none;min-height:3.25rem}.settings-card .focusable:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 20px var(--focus-ring)}.settings-card .settings-toggle:focus{outline:2px solid #00d4ff;outline-offset:3px}