.rhea-cabinet{--case:#e8e2d5;--case-lo:#cfc7b6;--strip:#1b1a19;--ink:#f2eee6;--ink-dim:#a8a39a;--amber:#ffb547;--pilot:#e8342b;--focus:#fff;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}.rhea{box-sizing:border-box;width:min(100%,52rem);height:max-content;color:var(--ink);background:radial-gradient(circle at 20% 30%, #0000000d 0 1px, transparent 1.5px) 0 0 / 7px 7px, radial-gradient(circle at 70% 60%, #fff6 0 1px, transparent 1.5px) 3px 4px / 9px 9px, linear-gradient(180deg, var(--case), var(--case-lo));border-radius:12px;align-content:start;gap:.9rem;margin-block:auto;padding:.9rem 1rem 1rem;font-family:Helvetica Neue,Arial Narrow,Arial,sans-serif;display:grid;position:relative;box-shadow:inset 0 2px #fff9,inset 0 -3px #00000026,0 0 0 1px #9d968a,0 24px 50px #00000080}.rhea-panel{background:linear-gradient(180deg, #262422, var(--strip));border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.1rem 1.75rem;padding:.9rem 1.2rem 1.1rem;display:flex;box-shadow:inset 0 2px 4px #0009,0 1px #ffffff80}.rhea-header{gap:.35rem;padding-right:1.4rem;display:grid;position:relative}.rhea-name{letter-spacing:.04em;margin:0;font:italic 700 1.6rem/1 Georgia,Times New Roman,serif}.rhea-name span{color:var(--amber);letter-spacing:.12em;font-family:Helvetica Neue,Arial,sans-serif;font-size:.95rem;font-style:normal}.rhea-tagline{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.24em;margin:0;font-size:.6rem}.rhea-pilot{background:radial-gradient(circle at 35% 30%, #ffd2c8, var(--pilot) 45%, #8c120c);border-radius:50%;width:.7rem;height:.7rem;position:absolute;top:.2rem;right:0;box-shadow:0 0 0 2px #8f8a82,0 0 0 3px #0c0b0a,0 0 8px 2px #e8342b8c}.rhea-gauge{flex:12rem;gap:.35rem;max-width:17rem;display:grid}.rhea-gauge-meter{flex-direction:column;margin-bottom:.9rem;display:flex;position:relative}.rhea-gauge-channel{background:#2e200c;border-radius:2px;height:.85rem;position:relative;overflow:hidden;-webkit-mask:repeating-linear-gradient(90deg,#000 0 5px,#0000 5px 7px);mask:repeating-linear-gradient(90deg,#000 0 5px,#0000 5px 7px)}.rhea-gauge-level{background:linear-gradient(180deg, #ffd38a, var(--amber) 50%, #c27a14);position:absolute;top:0;bottom:0}.rhea-gauge-mark{color:var(--ink-dim);margin-top:.3rem;font:600 .55rem/1 ui-monospace,SF Mono,Menlo,monospace;top:100%;translate:-50%}.rhea-gauge-label{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.2em;font:700 .55rem/1 Arial Narrow,Arial,sans-serif}.rhea-controls{flex-wrap:wrap;flex:100%;justify-content:space-between;align-items:flex-end;gap:1rem 1.75rem;display:flex}.rhea-section{justify-items:center;gap:.75rem;margin:0;display:grid}.rhea-legend{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.24em;margin:0;font:700 .58rem/1 Arial Narrow,Arial,sans-serif}.rhea-group{align-items:flex-end;gap:1rem;display:flex}.rhea-label{color:var(--ink);text-transform:uppercase;letter-spacing:.16em;white-space:nowrap;font:700 .6rem/1 Arial Narrow,Arial,sans-serif}.rhea-knob{--knob-size:2.8rem;justify-items:center;gap:.95rem;padding-top:.9rem;display:inline-grid;position:relative}.rhea-station{--knob-size:3.6rem;padding-inline:1.4rem}.rhea-knob-control{width:var(--knob-size);aspect-ratio:1;touch-action:none;cursor:ns-resize;position:relative}.rhea-knob-thumb{pointer-events:none;background:radial-gradient(circle at 34% 28%, #ffffff47, transparent 40%), radial-gradient(circle, #151413 0 60%, transparent 61%), repeating-conic-gradient(from 0deg, #eceeec 0 5deg, #8e9390 5deg 10deg);border-radius:50%;position:absolute;inset:12%;box-shadow:0 6px 8px #000000a6,inset 0 1px #fff6,0 0 0 2px #0a0a09}.rhea-knob-thumb:after{content:"";background:#f6f3ec;border-radius:2px;width:3px;height:32%;position:absolute;top:10%;left:50%;translate:-50%}.rhea-knob-control[data-dragging] .rhea-knob-thumb{filter:brightness(1.15)}.rhea-knob-mark{pointer-events:none;position:absolute;inset:0}.rhea-knob-tick{background:var(--ink-dim);width:1px;height:5px;position:absolute;top:-1px;left:50%;translate:-50%}.rhea-knob-mark[data-active] .rhea-knob-tick{background:var(--amber)}.rhea-knob-numeral,.rhea-station-name{font-variant-numeric:tabular-nums;color:var(--ink-dim);white-space:nowrap;rotate:calc(var(--knob-mark-angle) * -1);font-size:.58rem;line-height:1;position:absolute;top:-1.1rem;left:50%;translate:-50%}.rhea-station-name{text-transform:uppercase;letter-spacing:.12em;font-weight:700;top:-1.2rem}.rhea-station-name[data-current]{color:var(--amber)}.rhea-piano-key:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.rhea-knob-thumb:has(:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.rhea-piano{background:#141210;border-radius:4px;width:100%;height:7rem;padding-top:4px;display:block;position:relative;box-shadow:0 0 0 2px #8f887b,inset 0 4px 6px #0009}.rhea-piano-key{border:0;position:absolute;top:4px}.rhea-piano-key[data-color=white]{background:linear-gradient(#fffcf2,#e9e0c8);border:1px solid #1a1613;border-radius:0 0 3px 3px;height:calc(100% - 4px);box-shadow:inset 0 -5px 4px #00000024}.rhea-piano-key[data-color=black]{z-index:1;background:linear-gradient(#2e2a27,#050403);border-radius:0 0 3px 3px;height:60%;box-shadow:0 3px 4px #0009,inset 0 -3px 2px #ffffff1f}.rhea-piano-key[data-active]{filter:brightness(.82)sepia(.4)}@media (width<=47.99rem){.rhea-cabinet{padding-inline:.5rem}}