:root{--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--background:#161b1b;--panel:#222a27;--inset:#18201d;--raised:#2d3730;--heading-top:#354036;--heading-bottom:#2b352e;--button-top:#3c473e;--button-bottom:#303a32;--text:#e0e5dc;--secondary:#b6c1b3;--dim:#9aa79b;--line:#3c493e;--hover:#ffffff08;--display:#0e1712;--accent:#b6e6a1;--accent-bright:#cdf7b8;--accent-muted:#9ab58c;--accent-line:#a4d78a30;--accent-shadow:#b6e6a155;--accent-wash:#a4d78a0b}:root[data-theme=amber]{--accent:#edc080;--accent-bright:#ffdaa0;--accent-muted:#c2a37b;--accent-line:#edc08030;--accent-shadow:#edc08055;--accent-wash:#edc0800b;--display:#18150f;--heading-top:#403a30;--heading-bottom:#352f29;--button-top:#474036;--button-bottom:#3a352d}:root[data-theme=ice]{--accent:#a3d7ed;--accent-bright:#c0eaff;--accent-muted:#92b5c4;--accent-line:#a3d7ed30;--accent-shadow:#a3d7ed55;--accent-wash:#a3d7ed0b;--display:#0d171c;--heading-top:#303c40;--heading-bottom:#293335;--button-top:#364347;--button-bottom:#2d373a}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--background);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}body{margin:0}button,input,select{font:inherit}button,select,input[type=range]{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled,select:disabled{opacity:.45;cursor:default}button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button svg,label svg{fill:currentColor;flex-shrink:0;width:19px;height:19px}button{transition:background-color .15s,border-color .15s}button:hover{background-color:var(--hover)}button:active{transform:translateY(1px)}select{color:var(--text);border:1px solid var(--line);background:var(--inset);cursor:pointer;border-radius:3px}input{min-width:0}.shell{height:100dvh;min-height:0;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));flex-direction:column;display:flex}.brand-mark{width:28px;height:24px;color:var(--accent);align-items:end;gap:4px;display:flex}.brand-mark i{background:currentColor;width:4px;height:12px;display:block}.brand-mark i:nth-child(2){height:20px}.brand-mark i:nth-child(3){height:27px}.brand-mark i:nth-child(4){height:17px}.player-heading-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.player-heading-actions .icon-button{width:36px;height:38px;padding:9px}.player-heading h1{letter-spacing:.7px;color:var(--text);font-size:12px}.text-button,.icon-button,.small-button{color:var(--secondary);background:0 0;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;gap:7px;display:inline-flex}.icon-button{width:44px;height:44px;padding:10px}.text-button{min-height:44px;padding:8px 10px;font-size:12px}.small-button{background:var(--raised);border-color:var(--line);min-height:32px;padding:5px 9px;font-size:11px}.small-button svg{width:14px;height:14px}.browse-button{display:none}.workspace{flex:1;grid-template-columns:minmax(330px,388px) minmax(0,1fr);gap:20px;min-height:0;display:grid}.left-stack{flex-direction:column;gap:20px;min-width:0;min-height:0;display:flex}.panel{background:var(--panel);border:1px solid #414b47;border-top-color:#55615b;border-radius:5px;overflow:hidden;box-shadow:inset 0 0 0 1px #0c111155,0 5px 14px #0002}.panel-heading{background:linear-gradient(180deg, var(--heading-top), var(--heading-bottom));border-bottom:1px solid #101515;align-items:center;gap:10px;min-height:40px;padding:0 14px;display:flex;box-shadow:inset 0 1px #ffffff0a}.panel-heading h1,.panel-heading h2{font:10px var(--mono);letter-spacing:1.9px;white-space:nowrap;color:var(--secondary);margin:0;font-weight:500}.panel-number{color:var(--dim);letter-spacing:0;border-right:1px solid #606a624d;margin-right:9px;padding-right:9px;font-size:9px}.tiny-label{font:8px var(--mono);letter-spacing:1px;color:var(--dim)}.panel-heading>.tiny-label{margin-left:auto}#player-only{margin-left:auto;display:none}.receiver-display{color:var(--accent);background:var(--display);border:1px solid #4a57413d;border-color:#050909 #4a57413d #4a57413d #050909;border-radius:3px;padding:16px;box-shadow:inset 0 2px 8px #0006}.display-top{font:9px var(--mono);letter-spacing:.7px;color:var(--accent-muted);justify-content:space-between;align-items:center;gap:4px;display:flex}.status{align-items:center;gap:6px;display:flex}#status-dot,.source-led,.stage-meta i{background:#647267;border-radius:50%;width:5px;height:5px;display:inline-block}#status-dot[data-status=playing],.stage-meta i.active{background:var(--accent);box-shadow:0 0 7px var(--accent-shadow)}#status-dot[data-status=error]{background:#cf8d75}.station-heading{align-items:center;gap:13px;margin:23px 0 21px;display:flex}.station-monogram{width:53px;height:53px;font:19px var(--mono);color:var(--accent);border:1px solid var(--accent-line);background:var(--accent-wash);letter-spacing:-2px;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.station-titles{min-width:0}.eyebrow{font:8px var(--mono);letter-spacing:1.7px;color:var(--accent-muted);margin:0 0 8px}.station-titles h2{letter-spacing:-.6px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:21px;font-weight:550;overflow:hidden}#station-genre{color:var(--accent-muted);white-space:nowrap;text-overflow:ellipsis;margin:7px 0 0;font-size:10px;overflow:hidden}.display-bottom{border-top:1px solid var(--accent-line);font:8px var(--mono);letter-spacing:.6px;color:var(--accent-muted);align-items:center;gap:8px;padding-top:10px;display:flex}.signal-glyph{letter-spacing:-1px;font-size:13px;line-height:10px}#elapsed{letter-spacing:2px;color:var(--accent);margin-left:auto;font-size:13px}.transport{justify-content:space-between;align-items:center;gap:7px;margin-top:16px;display:flex}.transport-button,.play-button{background:linear-gradient(var(--button-top), var(--button-bottom));color:#b4bfb5;border:1px solid #111717;border-top-color:#536054;border-radius:3px;place-items:center;width:44px;height:44px;padding:11px;display:grid;box-shadow:inset 0 1px #ffffff0a,0 2px 2px #0003}.play-button{color:#162217;background:var(--accent);border-color:var(--accent);width:62px}.play-button:hover{background:var(--accent-bright)}.transport-button:hover{border-color:#6b7868}.transport-button[aria-pressed=true],.station-save[aria-pressed=true]{color:var(--accent)}.transport-button[aria-pressed=false] svg,.station-save[aria-pressed=false] svg{fill:none;stroke:currentColor;stroke-width:1.2px}.transport-divider{background:var(--line);width:1px;height:22px;margin:0 2px}.volume-row{align-items:center;gap:8px;margin-top:8px;display:flex}.volume-row .icon-button{flex-shrink:0;width:28px;padding:5px}.volume-row .small-button{white-space:nowrap;margin-left:auto}input[type=range]{width:100%;min-width:28px;height:32px;accent-color:var(--accent);cursor:pointer}#volume-value{font:9px var(--mono);color:var(--dim);min-width:28px}.player-message{color:var(--dim);min-height:15px;margin:6px 0 0;font-size:10px;line-height:1.5}#directory-slot{flex:1;min-height:0}.directory-panel{flex-direction:column;height:100%;min-height:0;display:flex}#directory-close{display:none}.directory-tools{flex-shrink:0;padding:0 14px}.tabs{border-bottom:1px solid var(--line);gap:18px;display:flex}.tabs button{color:var(--dim);background:0 0;border:0;border-bottom:2px solid #0000;min-height:44px;padding:4px 0;font-size:11px;position:relative}.tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}#favorites-count{font:8px var(--mono);background:var(--inset);color:var(--dim);border-radius:2px;margin-left:2px;padding:2px 4px}.search-field{border:1px solid var(--line);background:var(--inset);color:var(--dim);border-radius:3px;align-items:center;gap:8px;margin-top:12px;padding:0 10px;display:flex}.search-field:focus-within{border-color:var(--accent-muted)}.search-field svg{width:15px;height:15px}.search-field input{width:100%;color:var(--text);background:0 0;border:0;outline:0;min-height:38px;padding:10px 0;font-size:11px}input::placeholder{color:#77847a;opacity:1}.source-row{align-items:center;gap:10px;margin:9px 0 10px;display:flex}.source-row label{font:8px var(--mono);color:var(--dim);letter-spacing:1px}.source-row select{background:0 0;border-color:#0000;flex:1;padding:7px;font-size:10px}.source-led{background:var(--accent-muted);width:4px;height:4px}.station-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#414e43 transparent;flex:1;min-height:0;padding:2px 8px 8px;overflow-y:auto}.station-row{border:1px solid #0000;border-radius:3px;align-items:center;min-height:61px;margin-bottom:3px;display:flex}.station-row:hover{background:var(--hover)}.station-tune{text-align:left;background:0 0;border:0;align-items:center;gap:11px;width:100%;min-width:0;padding:10px 7px;display:flex}.station-tune:hover{background:0 0}.station-avatar{color:#a8b39c;width:35px;height:35px;font:10px var(--mono);letter-spacing:.4px;background:#59614822;border:1px solid #52614d66;border-radius:3px;flex-shrink:0;place-items:center;display:grid}.station-row:nth-child(3n+2) .station-avatar{color:#9bb7b3;background:#6b93921c;border-color:#7f9e9840}.station-row:nth-child(3n+3) .station-avatar{color:#b7a78c;background:#a7946a1a;border-color:#a7946a33}.station-description{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.station-description strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.station-description>span{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.row-play{width:19px;height:19px;color:var(--dim);place-items:center;display:grid}.row-play svg{width:13px;height:13px}.playing-bars{color:var(--accent);letter-spacing:1px;font:12px var(--mono)}.station-save{color:#738077;width:34px;min-width:34px;height:44px;margin-right:2px;padding:9px}.station-save svg{width:15px;height:15px}.empty-state{color:var(--dim);padding:24px 14px;font-size:12px;line-height:1.7}.stage{flex-direction:column;min-width:0;display:flex}.stage-heading{gap:10px;min-height:40px}.stage-tabs{align-items:center;gap:3px;margin-left:auto;display:flex}.stage-tabs button{color:var(--dim);background:0 0;border:1px solid #0000;border-radius:3px;min-height:28px;padding:5px 9px;font-size:10px}.stage-tabs button[aria-pressed=true]{color:var(--accent);border-color:var(--line);background:#0a100f66}.stage-surface{isolation:isolate;background-color:#0b1010;background-image:linear-gradient(#26372b30 1px,#0000 1px),linear-gradient(90deg,#26372b30 1px,#0000 1px);background-size:28px 28px;flex:1;min-height:0;position:relative;overflow:hidden}.stage-surface:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 50% 45%,#0000 10%,#080c0b55 100%);position:absolute;inset:0}#visualizer{width:100%;height:100%;display:block;position:absolute;inset:0}#video-host{visibility:hidden;position:absolute;inset:0}#video-host.show-video{visibility:visible}#video-host video{object-fit:contain;background:#000;width:100%;height:100%}.idle-state{text-align:center;width:90%;max-width:360px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.idle-orbit{border:1px solid var(--accent-line);border-radius:50%;place-items:center;width:108px;height:108px;margin:0 auto 28px;display:grid;position:relative}.idle-orbit:after{content:"";border:1px dashed var(--accent-line);border-radius:50%;position:absolute;inset:9px}.idle-orbit .brand-mark{opacity:.7;height:35px;transform:scale(1.25)}.idle-state .eyebrow{margin-bottom:14px;font-size:8px}.idle-state h2{color:#d0d8ce;letter-spacing:-1px;margin:0 0 13px;font-size:clamp(22px,2.3vw,33px);font-weight:400}.idle-state>p:not(.eyebrow){color:#86958a;max-width:290px;margin:0 auto 20px;font-size:11px;line-height:1.7}.idle-state .small-button{min-height:38px;color:var(--accent);border-color:var(--accent-line);background:var(--accent-wash);max-width:100%;font-size:10px}.idle-state .small-button span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stage-meta{pointer-events:none;color:#758376;font:8px var(--mono);letter-spacing:1.2px;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:20px;left:22px;right:22px}#stage-signal{align-items:center;gap:7px;display:flex}.stage-meta i{width:4px;height:4px}.stage-overlay-controls{border:1px solid var(--line);background:#111a16ed;border-radius:4px;align-items:center;gap:12px;padding:5px 12px;display:none;position:absolute;bottom:45px;left:18px;right:18px}#stage-station{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.stage-toolbar{background:var(--panel);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:60px;padding:10px 14px;display:flex}.effect-select{align-items:center;gap:10px;display:flex}.effect-select select{background:var(--inset);min-height:34px;padding:5px 25px 5px 10px;font-size:11px}.view-buttons{gap:5px;display:flex}.view-buttons .text-button{color:var(--secondary);font-size:10px}.view-buttons svg{width:16px;height:16px}.theater .stage{z-index:20;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border-radius:0;position:fixed;inset:0}.theater .stage-overlay-controls{opacity:1;transition:opacity .25s;display:flex}.stage:fullscreen .stage-overlay-controls{opacity:1;transition:opacity .25s;display:flex}.theater .stage-surface:not(:hover):not(:focus-within) .stage-overlay-controls{opacity:.25}.stage:fullscreen .stage-surface:not(:hover):not(:focus-within) .stage-overlay-controls{opacity:.25}.stage:fullscreen{width:100%;height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border:0;border-radius:0}.stage:fullscreen::backdrop{background:#0b1010}.player-only .workspace{justify-content:center;align-items:center;display:flex}.player-only .left-stack{width:min(100%,600px)}.player-only #directory-slot,.player-only .stage{display:none}.player-only #player-only{display:flex}.player-only .player-panel{width:100%}.player-only .station-titles h2{font-size:30px}.player-only .receiver-display{padding:22px}.player-only .transport-button{flex:1;max-width:65px}.player-only .play-button{flex:1.4;max-width:88px}dialog{width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--text);background:var(--panel);border:1px solid #57645b;border-radius:6px;padding:24px;box-shadow:0 16px 70px #0008}dialog::backdrop{background:#050b0cbd}.dialog-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.dialog-heading h2{letter-spacing:-.5px;margin:0;font-size:20px;font-weight:500}.dialog-heading .icon-button{margin-right:-8px}dialog p{color:var(--dim);margin:10px 0 20px;font-size:12px;line-height:1.7}.form-label{color:var(--secondary);font:9px var(--mono);letter-spacing:1px;margin:20px 0 9px;display:block}.form-label span{color:var(--dim);margin-left:8px;font-size:8px}.form-input{background:var(--inset);width:100%;color:var(--text);border:1px solid var(--line);border-radius:3px;min-height:44px;padding:10px 12px;font-size:14px;display:block}.form-error{color:#e0a38a;margin:12px 0}.form-error:empty{display:none}.primary-button{color:#172016;background:var(--accent);border:0;border-radius:3px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:24px;display:flex}.primary-button:hover{background:var(--accent-bright)}dialog .settings-note{margin-top:20px;font-size:11px}.settings-footer{border-top:1px solid var(--line);font:9px var(--mono);color:var(--dim);justify-content:space-between;align-items:center;gap:12px;padding-top:15px;display:flex}#directory-dialog{width:min(450px,100vw - 24px);height:min(660px,100dvh - 24px);padding:0;overflow:hidden}#directory-dialog .directory-panel{border:0;border-radius:0}#directory-dialog #directory-close{width:36px;height:36px;margin-right:-8px;padding:7px;display:flex}#toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));color:#172016;z-index:100;opacity:0;pointer-events:none;background:#d3dfce;border:1px solid #edf5e7;border-radius:4px;width:max-content;max-width:calc(100vw - 32px);padding:12px 18px;font-size:12px;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,12px);box-shadow:0 4px 20px #0005}#toast.visible{opacity:1;transform:translate(-50%)}@media (width<=1150px){.workspace{grid-template-columns:350px minmax(0,1fr);gap:16px}.left-stack{gap:16px}.stage-heading{padding:0 10px}.stage-heading .panel-number{display:none}.stage-toolbar{gap:4px;padding:8px}.effect-select{gap:5px}.effect-select>span{display:none}.view-buttons{gap:0}.view-buttons .text-button{gap:4px;padding:6px}}@media (width<=900px) and (width>=761px){.workspace{grid-template-columns:330px minmax(0,1fr);gap:12px}.stage-heading h2{letter-spacing:1px;font-size:8px}.view-buttons .text-button span{display:none}.view-buttons .text-button{width:44px}.stage-meta{letter-spacing:.5px;left:12px;right:12px}#stage-effect-label{display:none}}@media (height<=800px) and (width>=761px){.player-body{padding:14px}.receiver-display{padding:12px}.station-heading{margin:16px 0}.transport{margin-top:12px}.directory-tools{padding:0 10px}}@media (width<=760px) and (orientation:portrait){.shell{height:auto;min-height:100dvh}.browse-button{display:flex}.workspace{flex-direction:column;gap:16px;display:flex}.left-stack{display:contents}.player-panel{order:0}.player-panel .panel-heading>.tiny-label{display:none}#player-only{display:flex}.player-body{padding:16px}.receiver-display{padding:15px}.transport{gap:9px}.transport-button{flex:1}.play-button{flex:1.3}.stage{flex-shrink:0;order:1;height:370px}.stage-heading .panel-number{display:inline}.stage-toolbar{padding:8px 10px}.stage-tabs button{min-height:36px}.view-buttons .text-button{font-size:9px}.idle-orbit{width:72px;height:72px;margin-bottom:18px}.idle-orbit .brand-mark{transform:scale(.85)}.idle-state{top:46%}.idle-state h2{font-size:25px}.idle-state .eyebrow{margin-bottom:10px;font-size:7px}.idle-state>p:not(.eyebrow){margin-bottom:12px;font-size:10px}.stage-meta{letter-spacing:.5px;font-size:7px;bottom:14px;left:14px;right:14px}#directory-slot{flex:none;order:2;height:520px}.station-row{min-height:65px}.station-description strong{font-size:13px}.station-description>span{font-size:11px}.station-avatar{width:39px;height:39px}.tabs button{min-height:48px;font-size:12px}.search-field input{min-height:44px;font-size:16px}.source-row select{min-height:40px;font-size:12px}.station-save{width:44px;min-width:44px;padding:14px}.player-only .workspace{min-height:60dvh;display:flex}.player-only .left-stack{display:contents}.player-only .player-panel{flex-shrink:0}.player-only .station-titles h2{font-size:23px}.theater .stage{height:auto}.theater .idle-orbit{width:100px;height:100px}.theater .idle-state h2{font-size:28px}.form-input{font-size:16px}}@media (height<=600px) and (orientation:landscape){.shell{height:100dvh;min-height:0}.browse-button{display:flex}.workspace{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:12px}#directory-slot{display:none}.left-stack{gap:0;height:100%}.player-panel{height:100%;overflow-y:auto}.panel-heading{min-height:32px;padding:0 10px}.panel-heading h2{letter-spacing:1px;font-size:8px}.player-panel .panel-heading .tiny-label{display:none}#player-only{min-height:26px;font-size:9px;display:inline-flex}.player-body,.receiver-display{padding:10px 12px}.display-top{font-size:8px}.display-bottom{padding-top:7px;font-size:7px}.station-heading{gap:10px;margin:12px 0 10px}.station-monogram{width:38px;height:38px;font-size:15px}.station-titles h2{font-size:20px}.eyebrow{margin-bottom:5px;font-size:7px}#station-genre{margin-top:4px;font-size:9px}.transport{gap:6px;margin-top:10px}.transport-button{width:42px;height:42px;padding:11px}.play-button{width:54px;height:42px;padding:10px}.volume-row{height:34px;margin-top:3px}.volume-row .icon-button{height:32px}.volume-row .small-button{min-height:28px;padding:4px 6px;font-size:9px}#volume-value{font-size:8px}.player-message{margin-top:3px;font-size:8px;line-height:1.4}.stage-tabs button{min-height:28px;padding:4px 6px;font-size:9px}.stage-heading h2{font-size:8px}.stage-heading .panel-number{display:none}.stage-toolbar{min-height:43px;padding:2px 6px}.effect-select select{min-height:32px;padding:4px 10px 4px 6px;font-size:10px}.view-buttons .text-button{min-height:38px;padding:6px;font-size:9px}.view-buttons svg{width:14px;height:14px}.idle-orbit{display:none}.idle-state{top:45%}.idle-state h2{margin-bottom:9px;font-size:24px}.idle-state .eyebrow{margin-bottom:11px;font-size:7px}.idle-state>p:not(.eyebrow){margin-bottom:14px;font-size:10px}.idle-state .small-button{min-height:34px;font-size:9px}.stage-meta{letter-spacing:.5px;font-size:7px;bottom:12px;left:12px;right:12px}#stage-effect-label{display:none}.player-only .left-stack{width:min(620px,100%)}.player-only .player-panel{height:100%}.player-only .receiver-display{padding:12px 20px}.player-only .station-titles h2{font-size:26px}.theater .idle-orbit{width:70px;height:70px;margin-bottom:16px;display:grid}.theater .idle-state h2{font-size:28px}#directory-dialog{width:min(600px,100vw - 30px)}}@media (width<=700px) and (orientation:landscape){.view-buttons .text-button span{display:none}.view-buttons .text-button{width:36px}.workspace{grid-template-columns:minmax(265px,1fr) minmax(0,1fr)}.stage-heading h2{display:none}.stage-tabs{margin-left:0}#exit-theater{margin-left:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.browse-filters{display:none}.expanded-directory .browse-filters,#directory-dialog .browse-filters{flex-wrap:wrap;gap:12px;margin:8px 0;display:flex}.browse-filters label{color:var(--secondary);align-items:center;gap:6px;font-size:12px;display:flex}.browse-filters select{max-width:170px;min-height:34px}.expanded-directory .workspace{grid-template-rows:auto minmax(230px,1fr);align-items:stretch;display:grid;overflow:auto}.expanded-directory .left-stack{display:contents}.expanded-directory .player-panel{grid-area:1/1;height:auto}.expanded-directory .stage{grid-area:1/2;height:auto;min-height:0}.expanded-directory #directory-slot{grid-area:2/1/3/3;height:auto;min-height:0;display:block}.expanded-directory .idle-orbit{display:none}.expanded-directory .directory-tools{flex-shrink:0}.expanded-directory .station-list{grid-template-columns:repeat(auto-fill,minmax(min(290px,100%),1fr));align-content:start;align-items:start;gap:2px 12px;display:grid}.expanded-directory .directory-panel{min-height:230px}@media (width<=760px) and (orientation:portrait){.expanded-directory .workspace{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr)}.expanded-directory .stage{grid-area:2/1;height:210px}.expanded-directory #directory-slot{grid-area:3/1;height:78dvh}}:root[data-theme=original],:root[data-theme=classic]{--background:#181821;--panel:#292936;--inset:#0c0d13;--display:#070a08;--raised:#383846;--heading-top:#505061;--heading-bottom:#343442;--line:#545465;--dim:#aeafba;--secondary:#dbdbe4;--text:#eeeef2;--button-top:#bec5c9;--button-bottom:#87939b;--accent:#aef563;--accent-muted:#99b787;--accent-wash:#aef56312;--accent-line:#aef56338}:root[data-theme=classic]{--accent:#45ff35;--accent-muted:#9ac98e;--panel:#303043;--display:#060808;--heading-top:#313148;--heading-bottom:#222234;--rail:#e3c780}.panel,dialog{border-color:#71717d #101016 #101016 #71717d;border-radius:1px;box-shadow:inset 1px 1px #ffffff12,inset -1px -1px #15151d}.panel-heading{gap:8px;position:relative}.panel-heading h1,.panel-heading h2{letter-spacing:.4px;color:var(--text);font:700 12px/1.15 Tahoma,Arial,sans-serif}.panel-heading:before,.panel-heading:after{content:"";background:repeating-linear-gradient(to bottom,var(--rail,#94949f) 0 1px,#181822 1px 2px,transparent 2px 3px);flex:1;min-width:5px;height:7px}.panel-heading:before{flex:.22}.panel-heading:after{order:1}.panel-heading>:not(h1):not(h2){order:2}.player-body{padding:12px}.receiver-display{border:2px solid #696975;border-color:#111118 #696975 #696975 #111118;border-radius:0;padding:10px 12px}.station-heading{gap:10px;margin:12px 0}#elapsed{font:bold clamp(19px,2.3vw,31px)/1 var(--mono);letter-spacing:-1px;color:var(--accent);flex:none;margin:0}.station-titles{border-left:1px solid var(--accent-line);padding-left:10px}.station-titles h2{color:var(--accent);font:bold clamp(14px,1.3vw,19px)/1.2 var(--mono)}.display-bottom{padding-top:5px}.transport{justify-content:flex-start;gap:2px;margin-top:9px}.transport-button,.play-button{color:#202831;background:linear-gradient(#b8c1c8,#87959e);border:2px solid #505560;border-color:#d4d8dc #505560 #505560 #d4d8dc;border-radius:1px;flex:1;max-width:70px}.transport-button:active,.play-button:active{border-color:#505560 #d4d8dc #d4d8dc #505560}#favorite-current[aria-pressed=true]{color:#273e0e;background:var(--accent)}.station-list{background:var(--inset);border:1px solid;border-color:#101014 var(--line) var(--line) #101014;margin:0 5px 5px;padding:2px}.station-row{border-bottom-color:#ffffff0a;border-radius:0;min-height:44px;margin:0}.station-row.selected{background:#283450;border-color:#50668f}.station-avatar{display:none}.station-tune{min-height:44px;padding:5px 9px}.station-description strong{font-size:13px}.station-description>span{font-size:10px}.stage-surface{background-color:#080a0b;background-image:linear-gradient(#52605215 1px,#0000 1px),linear-gradient(90deg,#52605215 1px,#0000 1px)}.idle-state h2{font:14px var(--mono);color:var(--accent);letter-spacing:.4px}:root[data-theme=classic] .clock-digit{color:#0000;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGMAAAANCAMAAACKGyCNAAADAFBMVEUYISkA+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB/SZJeAAAAeGVYSWZNTQAqAAAACAAEARoABQAAAAEAAAA+ARsABQAAAAEAAABGASgAAwAAAAEAAgAAh2kABAAAAAEAAABOAAAAAAAAAEgAAAABAAAASAAAAAEAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAY6ADAAQAAAABAAAADQAAAACohIMBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAlUlEQVQ4Ee2TSxLAIAhDgfsfuk71BcdfewDpwkwCipKaeQ2zqJ8ng+QHiZy5ig3NPGqwxgJAOSCTWnVISoAU5Qza3wPlAFSVt0cqZwwb3nvotds4GdXPeWytkpZrKZ7zmHzlJ1/RkToVkQDE2vmKMkkrX2GMrsfRKrN5Fsy9x/vcs3kWDIOJ8hPW6F5fjIDmIUbgW7IHkLIG6kj6gmcAAAAASUVORK5CYII=) 0 0/176px 24px no-repeat;background-position:calc(var(--digit) * -16px) 0;width:16px;height:24px;image-rendering:pixelated;display:inline-block}:root[data-theme=classic] .transport button:is(#previous,#play,#stop,#next){background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAAAkCAMAAABluoL1AAAA8FBMVEUAAAD///8iITMsK0YmJTwwL0wgHzI0M1IqKUIyMU4wL0suLUgmJTskIzg2NVQ0M1EsK0QqKUEoJz4kIzciITQ2NVMsK0M4N1gICBA4OFo2NlY0NFMxMU4sLEYqKkMgIDM4OFk3N1c1NVQuLkkrK0QkJDkfHzE5OVo2NlUyMk8xMU0vL0otLUcoKD8hITQzM1AwMEssLEUnJz0lJTo0NFEpKUAmJjsiIjUjIzYvMEstLkg1NlQzNFExMk0lJjsjJDgrLEQnKD6ttcZ7hJRKWmuElKWXqLlSY3N7jJytvca9ztZje4RSa3MAxv/v//////9bsmaQAAAAeGVYSWZNTQAqAAAACAAEARoABQAAAAEAAAA+ARsABQAAAAEAAABGASgAAwAAAAEAAgAAh2kABAAAAAEAAABOAAAAAAAAAEgAAAABAAAASAAAAAEAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAiKADAAQAAAABAAAAJAAAAAAYtkaIAAAACXBIWXMAAAsTAAALEwEAmpwYAAADe0lEQVRYCcWVe1fTQBDFe1SgvF+CUVCgUKkFfIAoWhUMKaQg/f4fxzuP3ewmUw8t9jB/dNubyd3fzkzSWmpF99xS027dlj/acsOWbbWW9quRXs/bct2WJ2y5Ycu2CpCbcqTdrGnL67bctuU1W7bUy+xRQTJXgtSDZJmIvEBGayhJVcmH/IZlJFO2LpDRGskmiQK/IGtF1MTLviLZlSNBslYkuxIrXiBra5DqctlaWpNdcZouyNbWQJAgrwBE9pMtIDsQSld3qBFIYe1BkOtQkK0VuSdIRwsl+5VBBFvMSyB0SQ9z4j0I22cPVxE8NdwxOXkJRDi0JjEIX1KQoCKwERRkDwBxM0KpFGoSgKAHMUjwzpA+Bq3pBx5RReCs1nt8RhDTb13AN2BGFoqK4IYYhEpVRFyRGyLRHSMQxhhhWIsZIdsYhB8u+QBPCYRIqiCKwdlLQ1WkaI0UUL2dBzUAoWrQGpD1newr4jH+BfIz6EHg7VtDe5UqMmhGoFPyDS8olIIEGAwiM0ImnOuydUYKc1yFiYKoidwEOe1X//b4PWLJALFkgFjypi0DxMpO0+5lJfBCM+U5W16y5bYtd2z55f72fjm292vd62CA/ddftrxny9O23LLlxIza28nJya2tJ++ffz07O1s9X51vNpsnX+bmnh0fH/9eWTk6Oj1dXq7X6+vrexcXTz+9Pjw8/D47u3uwezAzM/NtYqLdbk9vTr9DfFhc/PF5ampjamOjsdbodBZardbOqx2OFxzbHCZHUrPl8aq3eSlu/zwOSN4rR04gFb4cgOOS2TrvuYok/gtAqny9HCBjksVa908yR0IVKfgcXh5lF+p/kfmM4pngKVWSRwUhDkdSgBAohSweW1U5ga8ILlO2Ll5mgUTbRGT65BkRDiUJQDK9KkuRLaZC4kzgQWm6BCB8RnxUTOj+RG5S6+DBoWt+RjSr6gFkN1F+x6FBeBRiEEIrogRC1Sofhg7pUEauCDcgBoGXC/DEIMRhgjgU3Mn9Hb4iRFICoc04uMtRa3qkWxWBGsmjgODldP8ZIZJoR5pH0lhEAUevCBw8yK3aFSNSak2eg6QK4jAeAkKuHoT+QcoRtQbJvQpIgfEAEDmdtObODA+Cx5orJQt45a0TYhQg9A4gar0pyCaJgrwCWa1JTkyOO4AYHSOPccmDQayOAWRssl2Rv6fNp0ElIyQUAAAAAElFTkSuQmCC);background-size:var(--sheet-width,591.304%) 200%;background-position:var(--sprite-x) 0%;box-shadow:none;image-rendering:pixelated;border:0}:root[data-theme=classic] .transport button:is(#previous,#play,#stop,#next):active{background-position:var(--sprite-x) 100%}:root[data-theme=classic] .transport button:is(#previous,#play,#stop,#next) svg{visibility:hidden}#previous{--sprite-x:0%}#play{--sprite-x:20.354%}#play[aria-label=Pause]{--sprite-x:40.708%}#stop{--sprite-x:61.0619%}#next{--sprite-x:80.7018%;--sheet-width:618.182%}@media (width<=700px){.stage-heading:before,.stage-heading:after,.player-heading:before{display:none}}