:root{--bg: #f4f5f7;--surface: #ffffff;--surface-hi: #e4e7ec;--text: #12151a;--muted: #666f7d;--accent: #cc2a25;--shadow: 0 1px 2px rgba(18, 21, 26, .12);color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0b0d10;--surface: #16191f;--surface-hi: #222731;--text: #f2f4f7;--muted: #8b93a1;--accent: #e8322d;--shadow: none;color-scheme:dark}}:root[data-theme=dark]{--bg: #0b0d10;--surface: #16191f;--surface-hi: #222731;--text: #f2f4f7;--muted: #8b93a1;--accent: #e8322d;--shadow: none;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);transition:background-color .2s ease,color .2s ease;color:var(--text);font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.screen{min-height:100%;padding:24px}.center{display:flex;align-items:center;justify-content:center}.title{margin:0 0 20px;font-size:34px;font-weight:600;letter-spacing:-.01em}.hint{margin:0 0 20px;min-height:24px;font-size:18px;color:var(--muted)}.hint.error{color:var(--accent)}.pad,.home{width:100%;max-width:420px;text-align:center}.dots{display:flex;gap:14px;justify-content:center;margin-bottom:16px}.dot{width:18px;height:18px;border:2px solid var(--surface-hi);border-radius:50%;transition:background-color .12s ease,border-color .12s ease}.dot.filled{background:var(--text);border-color:var(--text)}.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.key{appearance:none;border:0;border-radius:16px;background:var(--surface);color:var(--text);font:inherit;font-size:30px;height:76px;cursor:pointer;transition:background-color .1s ease}.key{box-shadow:var(--shadow)}.key:active{background:var(--surface-hi)}.key:disabled{opacity:.5}.key.subtle{color:var(--muted)}.key.wide{grid-column:1 / -1;width:100%;font-size:20px}.spinner{width:40px;height:40px;border:3px solid var(--surface-hi);border-top-color:var(--text);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;margin-bottom:16px;background:var(--surface);border-radius:16px;box-shadow:var(--shadow)}.segment{appearance:none;border:0;border-radius:12px;background:transparent;color:var(--muted);font:inherit;font-size:17px;height:56px;cursor:pointer}.segment[aria-pressed=true]{background:var(--surface-hi);color:var(--text)}.readout{margin:0 0 20px;font-size:15px;line-height:1.5;color:var(--muted)}.readout strong{color:var(--text);font-weight:600}.sheet{width:100%;max-width:720px;margin:0 auto}.bar{display:flex;gap:12px;margin-bottom:20px}.bar .segment{flex:1;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.group-title{margin:28px 0 10px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.actives{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.active-probe{appearance:none;border:0;border-radius:14px;background:var(--surface);box-shadow:var(--shadow);color:var(--text);font:inherit;text-align:left;padding:14px 16px;min-height:68px;cursor:pointer}.active-probe:active{background:var(--surface-hi)}.active-label{display:block;font-size:17px}.active-result{display:block;margin-top:4px;font-size:13px;color:var(--muted);word-break:break-word}.active-result.yes{color:#2e9e5b}.active-result.error{color:var(--accent)}.rows{list-style:none;margin:0;padding:0}.row{display:grid;grid-template-columns:22px minmax(0,1fr) minmax(0,1.2fr);gap:10px;align-items:baseline;padding:9px 4px;border-bottom:1px solid var(--surface-hi);font-size:15px}.mark{font-weight:700}.mark.yes{color:#2e9e5b}.mark.no{color:var(--accent)}.mark.info{color:var(--muted)}.row-name{min-width:0}.row-detail{min-width:0;color:var(--muted);font-size:13px;word-break:break-word}.speedo-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px}.gauge{width:min(76vh,100%,732px);height:auto;display:block}.gauge-track{fill:none;stroke:var(--surface-hi);stroke-width:14;stroke-linecap:round}.gauge-fill{fill:none;stroke:var(--accent);stroke-width:14;stroke-linecap:round;transition:d .3s linear}.tick{stroke:var(--muted);stroke-width:2}.tick.major{stroke:var(--text);stroke-width:4}.tick-label{fill:var(--muted);font-size:19px;font-weight:600;text-anchor:middle;font-family:inherit}.readout-value{fill:var(--text);font-size:68px;font-weight:700;font-variant-numeric:tabular-nums;font-family:inherit}.readout-unit{fill:var(--muted);font-size:22px;font-weight:600;font-family:inherit}.needle{fill:var(--accent);transform-origin:200px 200px;transition:transform .9s cubic-bezier(.22,.61,.36,1)}.hub{fill:var(--text)}.gps-note{margin:12px 0 0;font-size:15px;color:var(--muted);text-align:center}.gps-note.warn{color:var(--accent)}.speedo-actions{display:flex;gap:12px;margin-top:16px}.segment.pill{background:var(--surface);color:var(--text);box-shadow:var(--shadow);min-width:130px;border-radius:14px}.settings{width:100%;max-width:420px;margin-top:20px}.settings .key.wide{margin-bottom:10px}.live-dot{position:fixed;top:10px;right:10px;width:6px;height:6px;border-radius:50%;z-index:10;background:var(--muted);opacity:.55;transition:background-color .3s ease,opacity .3s ease}.live-dot.live{background:#2e9e5b;opacity:.5}.live-dot.connecting{background:#d99a2b;animation:dot-pulse 1.2s ease-in-out infinite}.live-dot.stale{background:#d99a2b;opacity:1;animation:dot-pulse 1.2s ease-in-out infinite}.live-dot.offline{background:var(--accent);opacity:1}@keyframes dot-pulse{0%,to{opacity:.3}50%{opacity:1}}.compass{transform-origin:200px 200px;transition:transform .9s cubic-bezier(.22,.61,.36,1),opacity .4s ease}.ctick{stroke:var(--muted);stroke-width:2}.ctick.point{stroke:var(--text);stroke-width:3}.clabel{fill:var(--text);font-size:17px;font-weight:600;text-anchor:middle;font-family:inherit;transform-box:fill-box;transform-origin:center;transition:transform .26s linear}.clabel.north{fill:var(--accent);font-weight:700}.compass-index{fill:var(--text);transition:opacity .4s ease}.readout-heading.held{opacity:.6}.readout-heading{fill:var(--muted);font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;font-family:inherit}.cmark{transition:opacity .9s cubic-bezier(.22,.61,.36,1)}.peer{transform-origin:200px 200px;transition:transform .26s linear,opacity .4s ease}.peer-arrow{fill:var(--accent);transition:opacity .4s ease}.peer-arrow.near{fill:none;stroke:var(--accent);stroke-width:3}.peer-range{fill:var(--accent);font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;font-family:inherit;transform-box:fill-box;transform-origin:center;transition:transform .26s linear}.home-mark{transform-box:fill-box;transform-origin:center;transition:transform .26s linear}.home-icon,.peer-range.home{fill:var(--muted)}