.stillroom{--ink:#302c26;--muted-ink:#625849;--paper:#f1ecdf;--line:#463c2e2e;--accent:#c87848;--panel-bg:#f5f0e2f7;width:100%;height:100dvh;min-height:560px;color:var(--ink);font-family:var(--font-sans);background:#242923;position:relative;overflow:hidden}.scene-stage{isolation:isolate;position:absolute;inset:0;overflow:hidden}.live-scene{width:100%;height:100%;position:absolute;inset:0}.room-preview{object-fit:contain;object-position:center;opacity:1;pointer-events:none;background:#151b1c;width:100%;height:100%;transition:opacity .36s ease-out;position:absolute;inset:0}.room-preview-handoff{opacity:0}.scene-vignette{z-index:5;pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(#040b0d30,#0000 27% 73%,#04080961),linear-gradient(90deg,#060b0c33,#0000 24% 76%,#060b0c33);position:absolute;inset:0}.top-bar{z-index:7;top:max(25px, env(safe-area-inset-top));left:max(34px, env(safe-area-inset-left));right:max(34px, env(safe-area-inset-right));color:var(--paper);justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.wordmark{color:#f4eddd;font:400 24px/1.05 var(--font-serif);letter-spacing:-.055em;text-shadow:0 2px 8px #00000042;grid-template-rows:23px 18px;grid-template-columns:35px auto;column-gap:10px;text-decoration:none;display:grid}.window-mark{color:#d8ac77;grid-row:span 2;width:30px;height:30px;margin-top:2px}.wordmark-caption{color:#f1ecdfa6;font:9px/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.top-actions{align-items:center;gap:11px;display:flex}.room-label{color:#f2ecded6;font:10px var(--font-mono);letter-spacing:.13em;margin-right:13px}.slash{color:#f2ecde70;padding:0 5px}.weather-dot{background:#c68c5e;border-radius:50%;width:5px;height:5px;margin:0 6px 1px 0;display:inline-block;box-shadow:0 0 10px #db9b62}.icon-button{color:#f4eddd;cursor:pointer;background:#20221e45;border:1px solid #f0eade4a;border-radius:50%;flex:none;place-items:center;width:39px;height:39px;transition:background .2s,border-color .2s,transform .2s;display:inline-grid}.icon-button:hover{background:#272722a6;border-color:#f0eadeb3;transform:translateY(-1px)}.icon-button:focus-visible,.transport-side:focus-visible,.play-toggle:focus-visible,.panel-nav button:focus-visible,.listen-button:focus-visible{outline-offset:3px;outline:2px solid #f2c18c}.icon-button svg,.transport-side svg,.play-toggle svg,.volume-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.help-top{font:14px var(--font-mono)}.welcome-note{z-index:6;width:min(370px,37vw);color:var(--paper);text-shadow:0 2px 14px #11141380;position:absolute;top:36%;left:max(7.5%,42px)}.eyebrow{color:#d7ac79;font:9px/1.4 var(--font-mono);letter-spacing:.19em}.welcome-note h1{color:#f5eddd;font:400 clamp(34px, 3.5vw, 52px)/1.03 var(--font-serif);letter-spacing:-.045em;margin:12px 0 11px}.welcome-note p{color:#f3ecddba;max-width:284px;font:14px/1.65 var(--font-serif);margin:0 0 19px}.listen-button{color:#f6eddc;min-height:46px;font:12px var(--font-sans);cursor:pointer;background:#302b24bd;border:1px solid #f8e8cc66;border-radius:3px;align-items:center;gap:12px;padding:0 15px;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 8px 24px #0f100f29}.listen-button:hover{background:#5d422feb;transform:translateY(-2px)}.listen-button svg{fill:currentColor;width:15px;height:15px}.listen-button:disabled{opacity:.72;cursor:wait}.button-arrow{color:#d7ac79;margin-left:8px}.local-note{color:#f1ecdf82;font:8px var(--font-mono);letter-spacing:.13em;margin-top:14px;display:block}.ambient-caption{z-index:6;color:#f0ead9;text-align:right;text-shadow:0 2px 9px #0000008c;justify-items:end;gap:6px;max-width:360px;display:grid;position:absolute;bottom:30%;right:max(6.7%,35px)}.caption-rule{background:#d3a371;width:36px;height:1px;margin-bottom:4px}.caption-main{font:21px/1.1 var(--font-serif)}.caption-note{color:#f4ebdaad;font:10px var(--font-mono);letter-spacing:.05em}.scene-note{max-width:270px}.static-links{z-index:6;color:#f0eadcd6;font:8px var(--font-mono);letter-spacing:.06em;text-shadow:0 1px 8px #0009;align-items:center;gap:9px;display:flex;position:absolute;bottom:4.3%;left:max(3.8%,26px)}.static-links a{color:inherit;text-decoration:none}.static-links a:hover{color:#f0c08e;text-underline-offset:3px;text-decoration:underline}.radio-console{z-index:8;bottom:max(21px, env(safe-area-inset-bottom));width:min(720px,100vw - 56px);color:var(--ink);backdrop-filter:blur(14px);background:#f2ede0f0;border:1px solid #f3e9d53d;border-radius:5px;padding:15px 22px 11px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #090c0c5c}.console-topline{align-items:center;gap:10px;min-width:0;height:24px;display:flex}.station-select-wrap{flex:none;align-items:center;display:flex;position:relative}.station-select{appearance:none;color:#514839;max-width:144px;font:600 10px var(--font-mono);letter-spacing:.02em;cursor:pointer;background:0 0;border:0;padding:2px 18px 2px 0}.select-caret{color:#8d7659;pointer-events:none;font-size:16px;position:absolute;top:-2px;right:0}.console-separator{color:#ab9b84}.track-title{color:#484035;min-width:0;font:14px var(--font-serif);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-section{color:var(--muted-ink);font:9px var(--font-mono);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;overflow:hidden}.play-state{color:var(--muted-ink);font:8px var(--font-mono);letter-spacing:.12em;align-items:center;gap:5px;margin-left:10px;display:inline-flex}.play-state i{background:#a69e8e;border-radius:50%;width:5px;height:5px}.play-state i.active{background:#758966;box-shadow:0 0 6px #64844bb3}.track-progress{background:#d4cbb7;height:1px;margin-top:9px}.track-progress i{background:#ae754e;height:100%;transition:width .4s linear;display:block}.console-main{grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:55px;display:grid}.track-time{color:var(--muted-ink);font:9px var(--font-mono)}.track-time span{color:#bdb29e;padding:0 4px}.transport-controls{justify-content:center;align-items:center;gap:17px;display:flex}.transport-side{color:#777061;cursor:pointer;background:0 0;border:0;place-items:center;width:27px;height:32px;padding:0;display:grid}.transport-side:hover{color:#3c352d}.transport-side svg{width:15px;height:15px}.play-toggle{color:#f5eedf;cursor:pointer;background:#514637;border:1px solid #675944;border-radius:50%;place-items:center;width:43px;height:43px;transition:background .2s,transform .2s;display:grid;box-shadow:0 3px 8px #342d2230}.play-toggle:hover{background:#77593e;transform:scale(1.04)}.play-toggle:disabled{opacity:.6;cursor:wait}.play-toggle svg{stroke-width:1.8px;width:16px;height:16px}.volume-control{justify-content:flex-end;align-items:center;gap:9px;display:flex}.volume-button{color:#716858;cursor:pointer;background:0 0;border:0;place-items:center;width:25px;height:30px;padding:0;display:grid}.volume-button svg{width:18px;height:18px}.range-input,.range-control input[type=range]{accent-color:#987756;cursor:pointer;width:100%}.volume-range{accent-color:#957657;width:96px;height:3px}.console-bottomline{border-top:1px solid #5e513d24;justify-content:space-between;align-items:center;gap:10px;padding-top:9px;display:flex}.status-copy{max-width:43%;color:var(--muted-ink);font:9px/1.4 var(--font-sans);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.panel-nav{gap:3px;display:flex}.panel-nav button{min-height:30px;color:var(--muted-ink);font:10px var(--font-sans);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;align-items:center;gap:6px;padding:0 9px;transition:color .2s,background .2s;display:inline-flex}.panel-nav button:hover,.panel-nav button[aria-expanded=true]{color:#3f392f;background:#6c5b411a}.nav-icon{color:#a07450;font:15px var(--font-serif)}.panel-backdrop{z-index:12;backdrop-filter:blur(2px);background:#10141340;justify-content:flex-end;display:flex;position:absolute;inset:0}.control-panel{width:min(430px,100%);height:100%;max-height:100%;padding:max(28px, env(safe-area-inset-top)) 30px max(24px, env(safe-area-inset-bottom));background:var(--panel-bg);flex-direction:column;display:flex;overflow:hidden;box-shadow:-18px 0 50px #0f111038}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:21px;display:flex}.panel-heading h2{color:#373228;font:400 29px/1.05 var(--font-serif);letter-spacing:-.04em;margin:6px 0 0}.panel-kicker{color:var(--muted-ink);font-size:8px}.panel-close{color:#62594c;background:0 0;border-color:#4a3e2c38}.panel-close:hover{background:#66533a17;border-color:#4a3e2c73}.panel-close svg{width:16px;height:16px}.panel-body{scrollbar-color:#c6b99f transparent;scrollbar-width:thin;min-height:0;padding:19px 3px 24px 0;overflow-y:auto}.panel-intro{color:var(--muted-ink);font:12px/1.6 var(--font-sans);margin:0 0 18px}.control-row{border-bottom:1px solid #463c2e1a;justify-content:space-between;align-items:center;gap:16px;min-height:45px;display:flex}.field-label{color:#514a3e;font:11px var(--font-sans)}.quiet-select,.minute-input{color:#484136;min-width:142px;font:11px var(--font-sans);background:#fffcf2ab;border:1px solid #463c2e2e;border-radius:2px;padding:8px 10px}.quiet-select:focus-visible,.text-input:focus-visible,.minute-input:focus-visible{outline-offset:1px;outline:2px solid #9d7453}.range-control{padding:12px 0 7px}.range-control label{color:#554e42;font:11px var(--font-sans);justify-content:space-between;align-items:center;gap:16px;display:flex}.range-control output{color:var(--muted-ink);font:9px var(--font-mono)}.range-control input[type=range]{accent-color:#967758;height:19px;margin:6px 0 0}.toggle-row{cursor:pointer;border-bottom:1px solid #463c2e1a;justify-content:space-between;align-items:center;gap:17px;min-height:53px;display:flex}.toggle-row b{color:#514a3e;font:11px var(--font-sans);display:block}.toggle-row small{color:var(--muted-ink);font:9px var(--font-sans);margin-top:3px;display:block}.toggle-row input{opacity:0;width:1px;height:1px;position:absolute}.toggle-row i{background:#897e6b;border-radius:20px;flex:none;width:35px;height:19px;transition:background .18s;display:block;position:relative}.toggle-row i:before{content:"";background:#fffaf0;border-radius:50%;width:13px;height:13px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-row input:checked+i{background:#78826b}.toggle-row input:checked+i:before{transform:translate(16px)}.toggle-row input:focus-visible+i{outline-offset:2px;outline:2px solid #76533a}.radio-console :focus-visible,.control-panel :focus-visible{outline-offset:3px;outline:2px solid #76533a}.panel-rule{background:var(--line);border:0;height:1px;margin:20px 0 16px}.subheading{color:#554a3b;font:19px var(--font-serif);margin:0 0 6px;font-weight:400}.compact-range{padding-top:8px}.compact-range input[type=range]{margin-top:2px}.timer-mode{background:#78695112;border:1px solid #463c2e29;border-radius:3px;gap:5px;padding:3px;display:flex}.timer-mode button{height:35px;color:var(--muted-ink);font:11px var(--font-sans);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;flex:1}.timer-mode button[aria-pressed=true]{color:#4c4234;background:#ede5d4;border-color:#6f5b4033;box-shadow:0 1px 3px #41352512}.timer-choices{grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0;display:grid}.timer-choices button{color:#554c3e;height:52px;font:18px var(--font-serif);cursor:pointer;background:#fffcf28c;border:1px solid #463c2e2b;border-radius:2px;justify-content:center;align-items:baseline;gap:4px;display:flex}.timer-choices button[aria-pressed=true]{background:#e9dfcb;border-color:#967758}.timer-choices small{color:#625849;font:9px var(--font-mono)}.custom-minutes{border-top:1px solid #463c2e1a;margin-bottom:18px}.minute-input{width:82px;min-width:82px}.primary-action{color:#f5eddd;min-height:41px;font:11px var(--font-sans);cursor:pointer;background:#554735;border:1px solid #66543e;border-radius:2px;padding:0 14px;transition:background .18s}.primary-action:hover{background:#756047}.primary-action:disabled{opacity:.58;cursor:progress}.timer-start{width:100%}.quiet-footnote{color:var(--muted-ink);font:10px/1.55 var(--font-sans)}.timer-active{justify-items:center;gap:8px;padding:29px 0 19px;display:grid}.timer-active strong{color:#4e4436;font:46px/1 var(--font-mono);letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-weight:400}.timer-active .eyebrow{color:var(--muted-ink)}.text-button{color:#8d5c39;min-height:32px;font:10px var(--font-sans);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:3px 7px;text-decoration:underline}.text-button:hover{color:#573e2c}.seed-label{margin:15px 0 7px;display:block}.seed-row{align-items:stretch;gap:7px;display:flex}.text-input{color:#5b5142;min-width:0;height:37px;font:10px var(--font-mono);background:#fffcf2ab;border:1px solid #463c2e2e;border-radius:2px;flex:1;padding:0 10px}.seed-input{flex:55%}.share-input{font-size:9px}.copy-button{flex:none;min-height:37px;padding:0 11px}.export-intro{margin-bottom:9px}.file-estimate{margin:10px 0}.export-button{width:100%;margin:8px 0 3px}.export-progress-wrap{background:#fffcf287;border:1px solid #463c2e21;margin-top:12px;padding:12px}.export-progress-label{color:var(--muted-ink);font:9px var(--font-sans);justify-content:space-between;gap:12px;display:flex}.export-progress-label output{color:var(--muted-ink);font:9px var(--font-mono)}.export-progress-wrap progress{accent-color:#927756;width:100%;height:4px;margin-top:10px}.cancel-export{margin:4px auto 0;display:block}.export-message{padding:7px 0}.help-list p{color:var(--muted-ink);font:11px var(--font-sans);align-items:center;gap:15px;margin:11px 0;display:flex}.help-list kbd{color:#524737;min-width:42px;font:10px var(--font-mono);text-align:center;background:#ebe2d0;border:1px solid #463c2e30;border-radius:2px;padding:5px 8px;display:inline-block}.restore-hint{z-index:11;color:#f9f1dfe0;font:10px var(--font-mono);letter-spacing:.04em;pointer-events:none;backdrop-filter:blur(6px);background:#1e1f1c75;border:1px solid #f2e8d440;border-radius:2px;padding:10px 15px;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.hint-enter-active,.hint-leave-active{transition:opacity .3s,transform .3s}.hint-enter-from,.hint-leave-to{opacity:0;transform:translate(-50%,5px)}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width<=760px){.stillroom{min-height:500px}.top-bar{top:max(16px, env(safe-area-inset-top));left:max(18px, env(safe-area-inset-left));right:max(18px, env(safe-area-inset-right))}.wordmark{grid-template-rows:20px 15px;grid-template-columns:28px auto;column-gap:7px;font-size:20px}.window-mark{width:25px;height:25px}.wordmark-caption{font-size:7px}.top-actions{gap:7px}.room-label{display:none}.icon-button{width:34px;height:34px}.welcome-note{width:75%;top:27%;left:7%}.welcome-note h1{font-size:clamp(35px,10vw,47px)}.welcome-note p{font-size:13px}.ambient-caption{gap:5px;max-width:48%;bottom:36%;right:7%}.static-links{left:50%;bottom:calc(max(10px, env(safe-area-inset-bottom)) + 156px);white-space:nowrap;gap:12px;transform:translate(-50%)}.caption-main{font-size:17px}.caption-note{max-width:100%;font-size:8px;line-height:1.5}.radio-console{bottom:max(10px, env(safe-area-inset-bottom));width:calc(100vw - 20px);padding:10px 13px 8px}.console-topline{gap:7px;height:21px}.station-select{max-width:105px;font-size:9px}.track-title{font-size:12px}.track-section,.console-separator{display:none}.play-state{margin-left:auto;font-size:7px}.console-main{min-height:46px}.track-time{font-size:8px}.transport-controls{gap:11px}.play-toggle{width:38px;height:38px}.volume-control{gap:2px}.volume-range{width:60px}.console-bottomline{align-items:center;padding-top:6px}.status-copy{display:none}.panel-nav{justify-content:space-around;width:100%}.panel-nav button{justify-content:center;min-height:29px;padding:0 7px;font-size:9px}.nav-icon{font-size:13px}.panel-backdrop{align-items:flex-end}.control-panel{width:100%;height:min(82dvh,720px);max-height:calc(100dvh - env(safe-area-inset-top) - 6px);padding:max(18px, env(safe-area-inset-top)) 21px max(14px, env(safe-area-inset-bottom));border-radius:12px 12px 0 0;box-shadow:0 -16px 50px #0f111047}.panel-heading{padding-bottom:14px}.panel-heading h2{font-size:26px}.panel-body{padding-top:14px}.restore-hint{text-align:center;width:max-content;max-width:calc(100vw - 32px);font-size:9px;bottom:14%}}@media (width<=390px){.volume-range{width:43px}.volume-button svg{width:15px;height:15px}.panel-nav button{gap:3px;padding-inline:4px}.welcome-note{top:25%}.local-note{font-size:7px}}@media (orientation:portrait){.room-preview{object-fit:cover}}@media (height<=670px) and (width>=761px){.welcome-note{top:29%}.ambient-caption{bottom:33%}.radio-console{bottom:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}