.cockpit{--bg: oklch(.15 .018 220);--bg-2: oklch(.19 .02 220);--surface: oklch(.208 .02 220);--surface-2: oklch(.252 .022 220);--fg: oklch(.972 .006 220);--fg-muted: oklch(.76 .018 220);--fg-subtle: oklch(.588 .018 220);--rule: oklch(1 0 0 / .09);--rule-strong: oklch(1 0 0 / .18);--accent: #64e0ff;--accent-ink: #8fecff;--color-warn: #ffb04a;--gauge-track: rgba(255, 255, 255, .1);--nav-bg: oklch(.18 .018 220);--nav-fg: oklch(.752 .014 220);--nav-fg-hi: oklch(.972 .006 220);color:var(--fg)}.cockpit .chip{display:inline-flex;align-items:center;background:var(--surface);border:1px solid var(--rule-strong);border-radius:999px;padding:0 8px;font-size:11px;font-weight:600;color:var(--fg-muted)}.cockpit .chip-pick{background:var(--surface);border:1px solid var(--rule);color:var(--fg);cursor:pointer;transition:opacity .14s ease-out,border-color .14s ease-out}.cockpit .card{background:var(--surface);border:1px solid var(--rule);border-radius:10px}.cockpit .sep{display:inline-block;width:.28em;height:.28em;border-radius:999px;background:currentColor;opacity:.45;vertical-align:.16em;margin:0 .5em}.cockpit .bar-track{position:relative;background:var(--gauge-track);border-radius:999px;overflow:hidden}.cockpit .bar-fill{position:absolute;inset:0 auto 0 0;background:var(--accent);transition:width .4s cubic-bezier(.22,1,.36,1)}.cockpit input[type=range]{accent-color:var(--accent)}.cockpit input[type=checkbox]{accent-color:var(--accent);width:14px;height:14px}