:root{--ui-bg:#10161e;--ui-glow:#283344;--ui-panel:#151e28;--ui-text:#d1d9e2;--ui-muted:#9caabc;--ui-border:#4b5a69;--ui-accent:#afd6bf;--ui-button:#202c39;--ui-shadow:#0004;--ui-focus:#f0c78a}:root[data-ui-theme=light]{--ui-bg:#e9e5dd;--ui-glow:#faf6ef;--ui-panel:#f7f3ec;--ui-text:#293541;--ui-muted:#4d5d6c;--ui-border:#89918e;--ui-accent:#2b624e;--ui-button:#e4e5dd;--ui-shadow:#4b39241c;--ui-focus:#79501c;color-scheme:light}:root[data-ui-theme=dark]{color-scheme:dark}html{background:var(--ui-bg);color:var(--ui-text)}body{background:radial-gradient(ellipse at 50% -20%,var(--ui-glow),transparent 65%),var(--ui-bg);color:var(--ui-text);transition:background-color .4s,color .4s}.page-shell{--green:var(--ui-accent);--muted:var(--ui-muted);--line:var(--ui-border);--panel:var(--ui-panel)}.terminal-panel,.little-radio{background:var(--ui-panel);border-color:var(--ui-border);color:var(--ui-text);box-shadow:0 8px 32px var(--ui-shadow)}.scene-label,.scene-caption,.page-footer,.control,.welcome,.output-line,.radio-note,.environment-panel summary,.little-radio summary,#playback-status{color:var(--ui-muted)}.welcome code,.terminal-form input,.output-line a,.control:hover,.control:focus-visible{color:var(--ui-text)}button,select{font:inherit}button,select,input{accent-color:var(--ui-accent)}.little-radio button,.little-radio select,.interface-bar button,.zen-exit{background:var(--ui-button);color:var(--ui-text);border:1px solid var(--ui-border);cursor:pointer;border-radius:4px;padding:8px 10px}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--ui-focus);outline-offset:4px}.interface-bar{font:11px var(--mono);color:var(--ui-muted);justify-content:space-between;align-items:center;margin:0 0 12px;display:flex}.interface-choice{align-items:center;gap:8px;display:flex}.interface-bar button{background:0 0;border-color:#0000;min-height:40px}.interface-bar [aria-pressed=true]{color:var(--ui-accent);border-bottom-color:var(--ui-accent)}:root{--cloth:#202930;--cloth-deep:#172128;--fiber-light:#b9c5cb12;--fiber-dark:#030a1080;--brass-text:#dfc594;--brass-edge:#92764b;--letter-light:#fff3ce29;--letter-shadow:#03090cc9;--receiver-control:#161e24;--receiver-control-text:#e3cba3;--receiver-focus:#f0d49f}:root[data-ui-theme=light]{--cloth:#e6e0d5;--cloth-deep:#d5cfc3;--fiber-light:#fffaf256;--fiber-dark:#5a554115;--brass-text:#684820;--brass-edge:#a18b64;--letter-light:#fffdf2b3;--letter-shadow:#74613b24;--receiver-control:#293035;--receiver-control-text:#f0d4a4;--receiver-focus:#6a481a}.receiver{color:var(--brass-text);border:1px solid var(--brass-edge);background:repeating-linear-gradient(92deg,transparent 0 10px,var(--fiber-light) 10px 11px,transparent 11px 17px), repeating-linear-gradient(0deg,transparent 0 2px,var(--fiber-light) 2px 3px,var(--fiber-dark) 3px 4px), repeating-linear-gradient(90deg,var(--fiber-dark) 0 1px,transparent 1px 3px,var(--fiber-light) 3px 4px), radial-gradient(ellipse at 25% 0%,var(--cloth),var(--cloth-deep));box-shadow:inset 0 0 0 2px #0002,inset 0 3px 5px #0002,inset 0 -1px 0 #fff1,0 6px 18px var(--ui-shadow);font:11px var(--mono);text-shadow:0 1px 0 var(--letter-light),0 -1px 0 var(--letter-shadow);border-radius:7px;padding:19px clamp(15px,2.3vw,30px) 15px;position:relative}.receiver-header{letter-spacing:.14em;border-bottom:1px solid color-mix(in srgb,var(--brass-edge) 40%,transparent);justify-content:space-between;gap:14px;padding-bottom:15px;line-height:1.6;display:flex}.receiver-header span:last-child{letter-spacing:.05em;font-size:9px}.receiver-led{background:#5d472a;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:inset 0 1px 3px #0009}.receiver-led.on{background:#ffc476;box-shadow:0 0 8px #eb9a35}.receiver-knobs{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;padding:23px 0 19px;display:grid}.rotary{--angle:0deg;cursor:ns-resize;flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.knob-dial{background:repeating-conic-gradient(from -135deg,var(--brass-text) 0deg 1deg,transparent 1deg 13.5deg);background-clip:padding-box;border-radius:50%;flex-shrink:0;width:76px;height:76px;position:relative}.knob-dial:before{content:"";background:repeating-radial-gradient(circle,#0000 0 1px,#fff3cf13 1px 1.7px,#49361e15 1.7px 2.4px),repeating-conic-gradient(from 20deg,#ffedbf0d 0deg 1deg,#4a301612 1deg 2deg,#0000 2deg 4deg),conic-gradient(from 35deg,#b49a64,#e3c994 14%,#a48956 27%,#705a37 42%,#c4ab77 57%,#ecd8aa 70%,#af945f 85%,#b49a64);border:3px solid #685331;border-radius:50%;position:absolute;inset:8px;box-shadow:0 5px 6px #0006,0 1px 1px #000a,inset 0 0 0 1px #f1dcaa99,inset 0 0 0 4px #6f562b38}.knob-dial i{transform:rotate(var(--angle));border-radius:50%;transition:transform 70ms linear;position:absolute;inset:18px}.knob-dial i:after{content:"";background:#322b20;border-radius:1px;width:3px;height:12px;position:absolute;top:-2px;left:calc(50% - 1.5px);box-shadow:1px 0 #f4dfb18c}.rotary input{opacity:0;cursor:ns-resize;touch-action:none;width:100%;height:80px;position:absolute;inset:0 0 auto}.rotary:focus-within .knob-dial{outline:2px solid var(--receiver-focus);outline-offset:4px}.knob-label{letter-spacing:.12em;text-transform:uppercase;font-size:10px;line-height:1.4}.rotary output{color:var(--brass-text);font-variant-numeric:tabular-nums;font-size:11px}.receiver-selectors{border-top:1px solid color-mix(in srgb,var(--brass-edge) 40%,transparent);grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:16px;display:grid}.receiver-selectors label{text-transform:uppercase;letter-spacing:.09em;gap:8px;min-width:0;font-size:10px;display:grid}.receiver select,.receiver button{background:var(--receiver-control);color:var(--receiver-control-text);border:1px solid color-mix(in srgb,var(--brass-edge) 65%,transparent);min-width:0;max-width:100%;min-height:42px;font:11px var(--mono);text-shadow:0 1px 1px #0008;color-scheme:dark;border-radius:3px;padding:8px 10px;box-shadow:inset 0 1px 3px #0005}.receiver select{cursor:pointer;width:100%}.receiver button{cursor:pointer}.receiver button:hover{border-color:var(--brass-text)}.receiver button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--brass-edge),inset 0 1px 4px #0007}.receiver :is(select,button):focus-visible{outline-color:var(--receiver-focus)}.receiver-actions{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:17px;display:flex}.receiver-actions label{letter-spacing:.04em;flex:160px;gap:8px;min-width:0;max-width:100%;font-size:10px;display:grid}.receiver-actions button{flex:0 auto}#receiver-status{font:10px/1.7 var(--mono);color:var(--brass-text);overflow-wrap:anywhere;margin:15px 0 0}.lightning-wash{z-index:12;mix-blend-mode:screen;opacity:0;pointer-events:none;background:linear-gradient(130deg,#daedff,#e1e6f5aa);position:absolute;inset:0}[hidden]{display:none!important}.zen-exit{z-index:100;font:12px var(--mono);min-height:44px;position:fixed;top:16px;right:16px}.zen{align-items:stretch;padding:12px}.zen .page-shell{max-width:none}.zen .interface-bar,.zen .terminal-panel,.zen .receiver,.zen .little-radio,.zen .page-footer,.zen .scene-label,.zen .scene-caption{display:none}.zen .window-frame{height:calc(100svh - 24px);max-height:none}.zen .scene{height:100%}@media (width<=760px){.receiver{padding:17px 15px}.receiver-knobs{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 8px}.receiver-header{flex-direction:column;gap:6px}.receiver-selectors{grid-template-columns:1fr}.receiver-actions{gap:8px}.receiver-actions label{flex-basis:180px}.zen{padding:0}.zen .window-frame{height:100svh}}@media (prefers-reduced-motion:reduce){.lightning-wash{display:none}body,.knob-dial i{transition:none}}.little-radio button[aria-selected=true],.little-radio button[aria-pressed=true],.music-playlist button[aria-current=true]{color:var(--ui-accent);border-color:var(--ui-accent)}.little-radio button:hover{color:var(--ui-text);border-color:var(--ui-accent)}.radio-tabs,.environment-panel{border-color:var(--ui-border)}.terminal-panel[data-layout=expanded]{background:var(--ui-panel);box-shadow:0 0 0 100vmax var(--ui-shadow)}#track-title{color:var(--ui-text)}.scene-caption span:last-child{color:var(--ui-muted)}.music-drop{border-color:var(--ui-border)}.music-drop.drag-over{background:var(--ui-button);border-color:var(--ui-accent)}.music-credits,.music-credits a{color:var(--ui-muted)}@media (width>=761px) and (width<=940px){.receiver-knobs{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=520px){.receiver-knobs{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 10px}.rotary:last-child{grid-column:2}.receiver-header{letter-spacing:.08em}.receiver-actions button{flex:40%}.receiver-actions label{flex-basis:100%}.receiver-selectors{gap:15px}}.receiver,.little-radio{--frame-highlight:#c1aa78;--frame-shadow:#4d4937;isolation:isolate;background:url(/assets/cloth-weave.webp) center / 192px 192px repeat padding-box, radial-gradient(ellipse at 30% 8%,var(--cloth),var(--cloth-deep)) padding-box, radial-gradient(ellipse at 4% 95%,#38433b99,transparent 30%) border-box, radial-gradient(ellipse at 95% 5%,#50473199,transparent 32%) border-box, conic-gradient(from 40deg,#83734c,#bba273 12%,#6b654d 24%,#a38c5d 42%,#544e3b 56%,#b6a075 73%,#8d784b 90%,#83734c) border-box;background-blend-mode:soft-light,normal,normal,normal,normal;box-shadow:inset 0 0 0 1px #29291d9c,inset 0 3px 9px #0004,0 2px 2px #0004,0 8px 20px var(--ui-shadow);color:var(--brass-text);text-shadow:0 1px 0 var(--letter-light),0 -1px 0 var(--letter-shadow);border:5px solid #0000;border-radius:8px;position:relative}.receiver:before,.little-radio:before{content:"";pointer-events:none;z-index:-1;border:1px solid #bba77977;border-radius:5px;position:absolute;inset:-4px;box-shadow:inset 0 1px #e9d9af70,0 0 0 1px #28281d77}.hardware-screws{pointer-events:none;z-index:1;position:absolute;inset:-3px}.hardware-screws i{background:linear-gradient(135deg,#0000 39%,#39392d 42% 54%,#0000 57%),radial-gradient(circle at 30% 25%,#d1b784,#8a7953 54%,#484736 75%);border-radius:50%;width:5px;height:5px;position:absolute;box-shadow:0 1px 1px #0007}.hardware-screws i:first-child{top:0;left:0}.hardware-screws i:nth-child(2){top:0;right:0;transform:rotate(26deg)}.hardware-screws i:nth-child(3){bottom:0;left:0;transform:rotate(-19deg)}.hardware-screws i:nth-child(4){bottom:0;right:0;transform:rotate(12deg)}.receiver{padding:12px clamp(12px,2vw,25px) 13px;transition:box-shadow .2s}.receiver-header{letter-spacing:.02em;align-items:center;gap:12px;padding-bottom:10px}.receiver-header .receiver-identity{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.receiver-header h2{font:12px/1.5 var(--mono);letter-spacing:.045em;margin:0;font-weight:400}.receiver-header .receiver-brief{font:10px/1.4 var(--mono);color:var(--brass-text);letter-spacing:0;opacity:.85}.receiver .indicator-button{width:36px;height:36px;min-height:36px;box-shadow:none;cursor:pointer;background:0 0;border-color:#0000;border-radius:50%;flex:0 0 36px;place-items:center;padding:0;display:grid}.indicator-button .receiver-led{margin:0}.receiver .indicator-button:hover{border-color:var(--brass-edge);background:#9a845c16}.console-view-controls{flex-shrink:0;align-items:center;display:flex}.receiver .console-view-controls :is(select,button){width:auto;min-height:36px;padding:6px 8px;font-size:10px}.receiver-knobs{padding:19px 0 15px}.receiver-inscription{text-align:right;font:9px/1.5 var(--mono);color:color-mix(in srgb,var(--brass-text) 90%,var(--cloth));letter-spacing:.025em;margin:11px 0 0}.receiver[data-console-view=compact] .receiver-header{border-bottom:0;padding-bottom:0}.receiver[data-console-view=compact] .receiver-knobs{padding:12px 0 0}.receiver[data-console-view=collapsed]{padding-block:5px}.receiver[data-console-view=collapsed] .receiver-header{border:0;padding:0}.receiver-secondary{animation:.16s ease-out console-reveal}@keyframes console-reveal{0%{opacity:.6;transform:translateY(-2px)}to{opacity:1;transform:none}}:root[data-interface=analog] .terminal-panel,:root[data-interface=terminal] #analog-panel,:root[data-console-view=compact] #receiver-secondary,:root[data-console-view=collapsed] :is(#receiver-secondary,#receiver-knobs){display:none}.little-radio{font:12px/1.5 var(--mono);margin-top:14px}.little-radio>summary{color:var(--brass-text);gap:12px;min-height:42px;padding:9px 13px}.little-radio>summary>span:first-child{align-items:center;gap:8px;min-width:0;display:flex}.little-radio>summary>span:first-child:before{color:var(--brass-text)}.little-radio>summary .receiver-led{flex-shrink:0;margin:0}#radio-summary{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:55%;font-size:10px;overflow:hidden}.little-radio :is(.radio-note,#playback-status,#track-title,.environment-panel summary,.credits-link){color:var(--brass-text)}.little-radio :is(button,select){background:var(--receiver-control);border-color:var(--brass-edge);color:var(--receiver-control-text);color-scheme:dark;box-shadow:inset 0 1px 3px #0004}.little-radio button[aria-selected=true],.little-radio button[aria-pressed=true],.little-radio .music-playlist button[aria-current=true],.little-radio button:hover{color:var(--receiver-control-text);border-color:var(--receiver-control-text)}.little-radio input{accent-color:var(--brass-edge)}.little-radio :is(.radio-tabs,.environment-panel,.music-drop){border-color:color-mix(in srgb,var(--brass-edge) 55%,transparent)}.zen-entry{align-items:center;display:inline-flex;position:relative}.interface-bar #zen-enter{border:1px solid color-mix(in srgb,var(--ui-border) 65%,transparent);border-radius:5px;align-items:center;gap:8px;padding:7px 10px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.interface-bar #zen-enter:is(:hover,:focus-visible){background:var(--ui-button);border-color:var(--ui-accent);color:var(--ui-text)}.zen-tooltip{z-index:35;border:1px solid var(--ui-border);background:var(--ui-panel);width:max-content;max-width:230px;color:var(--ui-text);font:10px/1.5 var(--mono);box-shadow:0 4px 14px var(--ui-shadow);opacity:0;visibility:hidden;pointer-events:none;border-radius:4px;padding:7px 10px;transition:opacity .12s;position:absolute;bottom:calc(100% + 7px);right:0}#zen-enter:not([data-tooltip-dismissed]):is(:hover,:focus-visible)+.zen-tooltip{opacity:1;visibility:visible}@media (width<=760px){.receiver-header{flex-direction:row;align-items:center}.receiver{padding-inline:10px}.receiver-header h2{font-size:11px}.receiver-header .receiver-identity{gap:3px}.receiver .indicator-button{flex-basis:32px;width:32px;min-height:36px}.receiver-knobs{gap:18px 8px}.little-radio>summary{padding-inline:10px}}@media (width<=520px){.receiver-header{gap:6px}.receiver-header h2{letter-spacing:.025em;font-size:10px}.receiver .console-view-controls :is(select,button){padding-inline:5px;font-size:10px}.receiver-header .receiver-brief{flex-basis:100%;margin-top:-5px;padding-left:35px;font-size:9px}.receiver[data-console-view=collapsed] .receiver-identity{row-gap:0}.receiver-knobs{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 7px}.knob-dial{width:70px;height:70px}.rotary input{height:75px}.knob-label,.receiver-inscription{font-size:9px}#radio-summary{max-width:45%;font-size:9px}.interface-bar{gap:8px}.interface-choice{gap:4px}}@media (prefers-reduced-motion:reduce){.receiver,.receiver-secondary,.zen-tooltip,.interface-bar #zen-enter{transition:none;animation:none}}.motion-paused .receiver-secondary{animation:none}