.mizar-cabinet{--panel:#8fb0c0;--panel-hi:#acc7d4;--ink:#10222c;--ink-dim:#3a5a69;--dial:#f1ebd2;--dial-ink:#2a1f1a;--red:#b5301f;--lamp:#ffa84a;--focus:#10222c;box-sizing:border-box;background:radial-gradient(ellipse at 50% 0, color-mix(in oklab, var(--foreground) 7%, var(--background)), var(--background) 70%);flex:1 0 auto;justify-content:center;padding:2rem 1.5rem;display:flex}.mizar{box-sizing:border-box;width:min(100%,56rem);min-width:0;height:max-content;color:var(--ink);background:repeating-linear-gradient(0deg, #ffffff1a 0 1px, transparent 1px 3px), linear-gradient(180deg, var(--panel-hi), var(--panel));border-inline:1.4rem solid #1c1a1b;border-radius:4px;grid-template-columns:minmax(0,1fr);align-content:start;gap:1.1rem;margin-block:auto;padding:1rem 1.25rem 1.2rem;font-family:Helvetica Neue,Arial Narrow,Arial,sans-serif;display:grid;position:relative;box-shadow:inset 0 1px #ffffff80,inset 0 -2px #0003,0 24px 50px #0000008c}.mizar:before,.mizar:after{pointer-events:none;content:"";background:radial-gradient(circle at 35% 30%,#d9dadd,#6f7075);border-radius:50%;width:.7rem;height:.7rem;position:absolute;top:50%;translate:0 -50%;box-shadow:inset 0 0 0 2px #1c1a1b,0 0 0 1px #000}.mizar:before{left:-1.05rem}.mizar:after{right:-1.05rem}.mizar-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;display:flex}.mizar-name{letter-spacing:.22em;margin:0;font-size:1.5rem;font-weight:800;line-height:1}.mizar-name span{color:#b5301f}.mizar-tagline{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.3em;margin:.3rem 0 0;font-size:.55rem}.mizar-transport{flex-wrap:wrap;align-items:center;gap:1.1rem;display:flex}.mizar-lamp{background:#5a3511;border-radius:50%;width:.5rem;height:.5rem;box-shadow:inset 0 1px 1px #00000080}.mizar-lamp[data-on]{background:radial-gradient(circle at 40% 35%, #fff4dc, var(--lamp) 55%);box-shadow:0 0 6px 1px #ffa84abf}.mizar-selector{gap:.4rem;display:flex}.mizar-rocker{min-width:2.7rem;color:var(--ink);text-transform:uppercase;letter-spacing:.14em;cursor:pointer;background:0 0;border:0;justify-items:center;gap:.45rem;padding:0;font:700 .6rem/1 Arial Narrow,Arial,sans-serif;display:grid}.mizar-rocker:after{content:"";background:linear-gradient(#f6f2e6 0 48%,#a39d8f 52%);border-radius:3px;order:1;width:1.45rem;height:1.65rem;box-shadow:0 0 0 3px #10222c,0 4px 5px #0006,inset 0 1px #fff}.mizar-rocker[aria-pressed=true]:after{background:linear-gradient(#a39d8f 0 52%,#f6f2e6 56%);box-shadow:0 0 0 3px #10222c,0 1px 2px #00000080,inset 0 -1px #fff}.mizar-rocker .mizar-lamp{order:0}.mizar-play{color:#eaf3f7;text-transform:uppercase;letter-spacing:.2em;cursor:pointer;background:linear-gradient(#3e4a52,#1d252a);border:0;border-radius:4px;align-items:center;gap:.6rem;padding:.6rem 1.1rem;font:700 .65rem/1 Arial Narrow,Arial,sans-serif;display:inline-flex;box-shadow:0 3px #070a0c,0 5px 6px #00000073,inset 0 1px #ffffff2e}.mizar-play[aria-pressed=true],.mizar-play:active{translate:0 2px;box-shadow:0 1px #070a0c,inset 0 2px 6px #0009}.mizar-bump{color:#ffd9b0}.mizar-play:disabled{cursor:progress;opacity:.5}.mizar-rocker:focus-visible,.mizar-play:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.mizar-knob-thumb:has(:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.mizar-window{flex-wrap:wrap;align-items:stretch;gap:1rem;display:flex}.mizar-glass{background:linear-gradient(115deg,#ffffff1a 0 14%,#0000 14%),radial-gradient(at 50% 55%,#6eaacd38,#0000 72%),linear-gradient(#0c1418,#05090b);border-radius:6px;flex:2 22rem;align-items:center;min-height:7.5rem;padding:.5rem .9rem;display:grid;box-shadow:inset 0 3px 10px #000,0 0 0 4px #1c1a1b,0 1px 0 4px #ffffff1f}.mizar-tank{--shake:0;--bump:0}.mizar-tank[data-bumped]{--bump:1}.mizar-tank-svg{width:100%;display:block}.mizar-cavity{fill:#06090b}.mizar-bolt{fill:#3b454c;stroke:#e8eef1;stroke-width:.5px}.mizar-tail{stroke:#cfd8dd;stroke-width:1.7px;stroke-linecap:round}.mizar-hole{fill:#04070a;stroke:#cfd8dd;stroke-width:1.3px}.mizar-knot{fill:#e9eff2;stroke:#1a2227;stroke-width:.6px}.mizar-shadow{fill:#00000080}.mizar-wire-back{stroke:#2a353c;stroke-width:2.1px;stroke-linecap:round}.mizar-wire-shade,.mizar-wire-lit,.mizar-wire-spec{stroke-linecap:round}.mizar-wire-shade{stroke:#4b575f;stroke-width:5.7px}.mizar-wire-lit{stroke:#d3dde3;stroke-width:3.5px}.mizar-wire-spec{opacity:.9;stroke:#fff;stroke-width:1.2px}.mizar-turn{--k:calc(var(--shake) + var(--bump));animation:.1s linear infinite alternate mizar-wave;animation-delay:calc(var(--i) * -3ms)}.mizar-spring[data-spring=short] .mizar-turn{animation-duration:78ms}@keyframes mizar-wave{0%{transform:translateY(calc(sin(var(--p)) * var(--k) * -3.2px))}to{transform:translateY(calc(sin(var(--p)) * var(--k) * 3.2px))}}@media (prefers-reduced-motion:reduce){.mizar-turn{animation:none}}.mizar .mizar-vu{max-width:none;min-height:7.5rem;color:var(--dial-ink);background:radial-gradient(ellipse at 50% 115%, #fbf6df, var(--dial) 60%, #d9ceaa);border:0;border-radius:6px 6px 3px 3px;flex:12rem;gap:0;margin:0;padding:.6rem .8rem .4rem;display:block;box-shadow:inset 0 2px 8px #00000059,0 0 0 4px #1c1a1b,0 1px 0 4px #ffffff1f}.mizar .mizar-vu svg{display:block}.mizar .mizar-vu svg path{stroke:var(--dial-ink)}.mizar .mizar-vu svg path:nth-of-type(2){stroke:var(--red)}.mizar .mizar-vu svg line{stroke:var(--dial-ink)}.mizar .mizar-vu svg line[class*=destructive]{stroke:var(--red)}.mizar .mizar-vu svg line[class*=primary]{filter:drop-shadow(1px 2px 1px #00000059);stroke:#1a1110}.mizar .mizar-vu svg text{fill:var(--dial-ink);font-size:8px;font-weight:700}.mizar .mizar-vu svg text[class*=destructive]{fill:var(--red)}.mizar .mizar-vu svg rect{fill:#1a1110}.mizar .mizar-vu figcaption{color:#6a5642;text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;font-size:.5rem;display:flex}.mizar-row{flex-wrap:wrap;justify-content:space-around;align-items:flex-end;gap:1.25rem 1rem;display:flex}.mizar-row>*{min-width:0;max-width:100%}.mizar-section{border:1px solid #0000004d;border-radius:3px;gap:.4rem;padding:.9rem 1rem .2rem;display:grid;position:relative}.mizar-legend{text-transform:uppercase;letter-spacing:.24em;background:var(--panel);margin:0;padding:0 .35rem;font-size:.55rem;font-weight:700;position:absolute;top:0;left:.7rem;translate:0 -50%}.mizar-group{flex-wrap:wrap;gap:.9rem;display:flex}.mizar-knob{--knob-size:3rem;justify-items:center;gap:.9rem;padding-top:.9rem;display:inline-grid;position:relative}.mizar-knob-control{width:var(--knob-size);aspect-ratio:1;touch-action:none;cursor:ns-resize;position:relative}.mizar-knob-thumb{pointer-events:none;background:radial-gradient(circle at 32% 28%, #ffffff40, transparent 45%), repeating-conic-gradient(from 0deg, #26221f 0 4deg, #131110 4deg 8deg);border-radius:50%;position:absolute;inset:12%;box-shadow:0 5px 7px #00000080,inset 0 1px #ffffff4d,inset 0 -3px 4px #0006,0 0 0 3px #0a0908}.mizar-knob-thumb:after{content:"";background:#f4f1ea;border-radius:2px;width:3px;height:32%;position:absolute;top:7%;left:50%;translate:-50%}.mizar-knob-control[data-dragging] .mizar-knob-thumb{filter:brightness(1.15)}.mizar-knob-mark{pointer-events:none;position:absolute;inset:0}.mizar-knob-tick{background:var(--ink-dim);width:1px;height:5px;position:absolute;top:0;left:50%;translate:-50%}.mizar-knob-mark[data-active] .mizar-knob-tick{background:var(--red)}.mizar-knob-numeral{font-variant-numeric:tabular-nums;color:var(--ink-dim);rotate:calc(var(--knob-mark-angle) * -1);font-size:.6rem;line-height:1;position:absolute;top:-1.1rem;left:50%;translate:-50%}.mizar-knob-label{text-transform:uppercase;letter-spacing:.16em;font-size:.58rem;font-weight:700}@media (width<=639px){.mizar-cabinet{padding-inline:.5rem}.mizar{border-inline-width:.8rem;padding-inline:.7rem}.mizar:before,.mizar:after{display:none}}