:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d10;--fg:#e8eaed;--dim:#8a9099;--accent:#4ea1ff}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);-webkit-user-select:none;user-select:none;margin:0;font-family:system-ui,-apple-system,Hiragino Sans,sans-serif}#app{min-height:100dvh;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);flex-direction:column;align-items:center;display:flex}.speed{align-items:baseline;gap:8px;margin-top:8vh;display:flex}.speed__value{font-variant-numeric:tabular-nums;font-size:clamp(96px,30vw,200px);font-weight:200;line-height:1}.speed__unit{color:var(--dim);font-size:20px}.simulator{width:100%;max-width:420px;color:var(--dim);border:1px solid #23272e;border-radius:12px;align-items:center;gap:12px;margin-top:24px;padding:12px;font-size:13px;display:flex}.simulator__range{accent-color:var(--accent);flex:1}.simulator__readout{text-align:right;font-variant-numeric:tabular-nums;min-width:72px}.controls{align-items:center;gap:12px;width:100%;max-width:420px;margin-top:24px;display:flex}.controls__volume-label{color:var(--dim);font-size:13px}.controls__volume{accent-color:var(--accent);flex:1}.controls__toggle{min-width:88px;color:var(--fg);cursor:pointer;background:#161a20;border:1px solid #2b313a;border-radius:999px;padding:12px 16px;font-size:15px}.controls--running .controls__toggle{border-color:var(--accent);color:var(--accent)}.voice-picker{scrollbar-width:none;gap:8px;width:100%;max-width:420px;margin-top:24px;padding-bottom:4px;display:flex;overflow-x:auto}.voice-picker::-webkit-scrollbar{display:none}.voice-picker__tile{min-width:104px;min-height:56px;color:var(--dim);cursor:pointer;background:#161a20;border:1px solid #2b313a;border-radius:14px;flex:none;padding:12px 16px;font-size:14px}.voice-picker__tile--selected{border-color:var(--accent);color:var(--fg);background:#17233a}.status-bar{width:100%;max-width:420px;color:var(--dim);flex-wrap:wrap;justify-content:space-between;padding:12px 4px;font-size:13px;display:flex}.status-bar__notice{color:#ffc46b;background:#241a0e;border:1px solid #8a5a1e;border-radius:8px;flex-basis:100%;margin-top:8px;padding:8px 10px;line-height:1.5}.status-bar__notice[hidden]{display:none}.tachometer{align-items:center;gap:12px;margin-top:8px;display:flex}.tachometer__svg{width:128px;height:112px}.tachometer__track,.tachometer__value{fill:none;stroke-width:8px;stroke-linecap:round}.tachometer__track{stroke:#23272e}.tachometer__value{stroke:var(--accent);transition:stroke-dasharray 80ms linear}.tachometer__readout{color:var(--dim);font-variant-numeric:tabular-nums;font-size:15px}.app--driving .status-bar,.app--driving .tachometer,.app--driving .simulator{opacity:.35}.app--driving .voice-picker__tile{min-width:128px;min-height:72px;font-size:16px}.notice{background:#12161c;border:1px solid #2b313a;border-radius:14px;width:100%;max-width:420px;margin-top:16px;padding:16px}.notice__body{color:var(--fg);margin:0 0 12px;font-size:14px;line-height:1.7}.notice__accept{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:999px;padding:10px 20px;font-size:14px}