:root{--bg-void:#0c0a14;--bg-base:#14101f;--bg-raised:#181228;--bg-card:#1d1730;--bg-hero:#1c1430;--bg-control:#2a2140;--bg-control-lt:#3d2f5c;--bg-player:#0a0810;--bg-empty:#15111f;--border-band:#3d2f5c;--border-sec:#2a2140;--magenta:#c840c8;--magenta-lt:#e879e8;--cyan:#4fd8d8;--cyan-deep:#2a5c5c;--cyan-pale:#9fe8e8;--green:#5fe08a;--green-deep:#1a4a2a;--amber:#f0d878;--amber-deep:#4a3a1a;--red:#e06858;--red-deep:#4a1f1f;--red-pale:#f0a898;--bronze:#c08858;--nav-bg:#f2f0f7;--nav-ink:#14101f;--nav-ink-2:#2a2140;--nav-green:#1a7a3a;--text-hi:#f4f1fa;--text:#ece8f5;--text-2:#c0b8d8;--text-3:#a99fc4;--text-4:#8a80a5;--text-5:#6b608a;--text-6:#4a4166;--text-7:#3d3456;--mono:"IBM Plex Mono", ui-monospace, "Courier New", monospace;--sans:"IBM Plex Sans", system-ui, sans-serif;--bevel:inset 1px 1px 0 #ffffff1f, inset -1px -1px 0 #0009;--bevel-strong:inset 2px 2px 0 #ffffff4d, inset -2px -2px 0 #0006;--bevel-sunken:inset 2px 2px 0 #0009, inset -1px -1px 0 #ffffff14;--bevel-pressed:inset -2px -2px 0 #ffffff38, inset 2px 2px 0 #00000080}*,:before,:after{box-sizing:border-box;border-radius:0}html,body{margin:0;padding:0}body{background:var(--bg-base);color:var(--text-2);font-family:var(--sans);-webkit-font-smoothing:antialiased}p{text-wrap:pretty}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:0}button{cursor:pointer}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.scanlines{pointer-events:none;background:repeating-linear-gradient(#00000029 0 1px,#0000 1px 3px);position:absolute;inset:0}.panel-label{font:600 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-4);align-items:center;gap:8px;display:flex}.panel-label:before{content:"";background:currentColor;flex:none;width:7px;height:7px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}