@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--paper:#e1d5bf;--muted:#a4947d;--orange:#c89b65;--line:#ffffff12}*{box-sizing:border-box}body{margin:0;background:#191512;color:var(--paper);font-family:'DM Sans',sans-serif;font-size:14px}button,select{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit}button:hover{filter:brightness(1.18)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #e1b877;outline-offset:5px}[hidden]{display:none!important}.masthead{height:86px;max-width:1600px;padding:0 48px;margin:auto;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:28px}.wordmark{display:flex;align-items:center;position:relative;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:36px;letter-spacing:-2.6px;text-decoration:none}.wordmark>span:not(.logo-icon){color:var(--orange)}.wordmark i{position:absolute;width:4px;height:4px;border-radius:50%;background:#d39b63;right:-9px;top:14px}.logo-icon{font:25px Georgia;letter-spacing:0;color:#c89b65;border:2px solid #c89b65;border-radius:7px;padding:0 5px;margin-right:12px;transform:rotate(-5deg);line-height:24px}.tagline{font-family:Georgia,serif;font-style:italic;color:#aa9a80;font-size:14px;margin-top:5px}.header-right{display:flex;align-items:center;gap:25px;margin-left:auto}.edition,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600}.edition{color:#a99b85}.quiet{background:none;border:0;padding:8px;color:var(--muted)}.help{border:1px solid #776b564f;border-radius:50%;width:27px;height:27px;padding:0;font-size:13px}main{max-width:1600px;margin:auto;padding:0 48px}.room-heading{height:54px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#b7ab98;letter-spacing:.3px}.room-heading>div{display:flex;gap:12px;align-items:center}.live-dot{width:6px;height:6px;border-radius:50%;background:#b1b990;box-shadow:0 0 9px #a4ae7144}.divider{opacity:.3}#clock{font-variant-numeric:tabular-nums}#settingsButton{font-size:12px;display:flex;gap:9px;align-items:center}.room{position:relative;border:1px solid #8e765339;border-radius:6px;isolation:isolate;box-shadow:0 25px 80px #0005;overflow:hidden}.scene{position:relative;width:100%;aspect-ratio:1.94;overflow:hidden;background:#1c1610;container-type:inline-size}.room-stage{position:absolute;width:120%;aspect-ratio:1672/941;left:-15%;top:-9%;transform-origin:58.8% 44.4%;transition:transform 1s cubic-bezier(.2,.8,.2,1)}.room-photo{display:block;width:100%;height:100%;transition:filter 1.5s}.window-view{position:absolute;inset:0;background:url('assets/room-v3.png') center/100% 100%;clip-path:polygon(17.9% 11.6%,25.9% 11.4%,25.9% 27.8%,17.9% 27.8%,17.9% 11.6%,26.85% 11.35%,34.9% 11.15%,34.9% 27.8%,26.85% 27.8%,26.85% 11.35%,26.85% 29.3%,34.9% 29.3%,34.9% 45.8%,26.85% 45.8%,26.85% 29.3%,17.9% 29.3%,25.9% 29.3%,25.9% 45.7%,17.9% 45.7%,17.9% 29.3%);transition:filter 1.5s}.room[data-season=spring] .window-view{filter:hue-rotate(35deg) saturate(.85) brightness(1.2)}.room[data-season=summer] .window-view{filter:hue-rotate(55deg) saturate(1.05) brightness(1.2)}.room[data-season=winter] .window-view{filter:saturate(.25) brightness(1.5) contrast(.8)}.night-window{position:absolute;left:17.8%;top:11.1%;width:17.2%;height:35%;background:#0a1123;mix-blend-mode:multiply;opacity:0;pointer-events:none;transition:opacity 1.5s}.room[data-time=night] .night-window{opacity:.55}.room-shade{position:absolute;inset:0;background:#050817;mix-blend-mode:multiply;opacity:0;pointer-events:none;transition:opacity 1.5s}.room[data-time=night] .room-shade{opacity:.19}.room[data-time=day] .room-photo{filter:brightness(1.35) saturate(.86)}.room[data-time=day] .window-view{filter:brightness(1.55)}.room[data-time=day][data-season=winter] .window-view{filter:brightness(1.8) saturate(.15)}.room[data-time=day][data-season=spring] .window-view{filter:brightness(1.65) hue-rotate(35deg)}.room[data-time=day][data-season=summer] .window-view{filter:brightness(1.7) hue-rotate(55deg)}
.weather{position:absolute;left:17.9%;top:11.4%;width:17%;height:34.3%;overflow:hidden;pointer-events:none;clip-path:polygon(0 0,47% 0,47% 48%,0 48%,0 0,52.5% 0,100% 0,100% 48%,52.5% 48%,52.5% 0,52.5% 52%,100% 52%,100% 100%,52.5% 100%,52.5% 52%,0 52%,47% 52%,47% 100%,0 100%,0 52%)}.weather i{position:absolute;top:-12%;left:var(--x);animation:fall var(--speed) linear infinite;animation-delay:var(--delay);opacity:var(--opacity)}.weather.snow i{width:3px;height:3px;border-radius:50%;background:#f0f1ec;box-shadow:0 0 3px #dce4ef55}.weather.rain i{width:1px;height:18px;background:#d4e6ed55;transform:rotate(12deg);animation-name:rain}.weather.leaf i{width:4px;height:3px;border-radius:0 80% 0 80%;background:#ac7c3f}@keyframes fall{from{translate:0 -10px}to{translate:24px 600px;rotate:70deg}}@keyframes rain{to{translate:-40px 600px}}
.tv{position:absolute;left:48.67%;top:31.4%;width:20.08%;height:25.45%;z-index:2;transition:filter .5s}.screen{height:100%;width:100%;position:relative;overflow:hidden;border-radius:3.6% / 4.5%;background:#070806;isolation:isolate}.screen iframe,.screen #player{width:100%;height:100%;border:0;position:absolute;inset:0;pointer-events:none;user-select:none}.screen iframe:focus{outline:0}.welcome-screen{position:absolute;inset:0;background:radial-gradient(ellipse,#142e29,#07130f 95%);color:#d0d9b1;overflow:hidden;text-shadow:0 0 4px #b8d89877;pointer-events:none}.welcome-screen:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 2px,#00180f44 2px 3px);opacity:.45}.av{position:absolute;left:7%;top:8%;font:.85cqw monospace}.welcome-title{position:absolute;inset:33% 0 auto;text-align:center}.welcome-title>span{font:.5cqw monospace;letter-spacing:.12cqw;opacity:.75}.welcome-title strong{font:700 3.5cqw/1 'Space Grotesk',sans-serif;letter-spacing:-.2cqw;display:block;margin:5% 0}.welcome-title strong span{color:#b4c48d}.welcome-title p{font:italic .75cqw Georgia;margin:0;color:#b5c1a0}.welcome-foot{position:absolute;bottom:9%;left:0;right:0;text-align:center;font:.39cqw monospace;letter-spacing:.04cqw;opacity:.6}.tv-off{position:absolute;inset:0;background:radial-gradient(ellipse at 60% 50%,#131714,#080b09)}.tv.playing{filter:drop-shadow(0 0 9px #b6dce118)}.player-error{position:absolute;inset:0;background:#101711;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;text-align:center;font-size:.85cqw;padding:12px}.player-error p{font-size:.7cqw;margin:0}.player-error a{font-size:.6cqw;color:#bfa782;margin-top:5px}.photo-credit{position:absolute;bottom:5%;right:7%;font:italic 1.05cqw Georgia;color:#d2baa466}.focus-mode .room-stage{transform:scale(1.8)}.focus-mode .photo-credit{display:none}
.settings{position:absolute;right:18px;top:18px;width:275px;z-index:5;padding:22px;background:#25221ef5;border:1px solid #8f79534f;border-radius:8px;box-shadow:0 15px 40px #0007;backdrop-filter:blur(15px)}.settings-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-weight:600}.settings-title button{font-size:25px;padding:0}.settings label{display:block;font-size:11px;color:#b6a891;margin:15px 0 7px}.settings select{width:100%;padding:9px 10px;background:#343028;color:#e4d8be;border:1px solid #63563e;border-radius:4px;font-size:12px}.settings p{font-size:10px;color:#a89c86;line-height:1.7}.reset{font-size:11px;background:none;border:0;border-bottom:1px solid #ac9476;padding:4px 0;color:#d9bb93}
.tuning{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 0 20px}.on-air{min-width:260px}.eyebrow{color:#c69b6b;font-size:9px;letter-spacing:1.5px}.on-air h1{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:500;letter-spacing:-.5px;margin:7px 0 4px}.on-air p{margin:0;color:#a79780;font-size:12px}.extras{display:flex;gap:20px;margin-top:12px}.text-button{font-size:11px;display:flex;align-items:center;gap:8px;border:0;background:none;color:#b9a58a;padding:6px 0}.text-button[aria-pressed=true],.text-button[aria-expanded=true]{color:#edc595}.remote{display:flex;align-items:center;gap:25px;border-radius:15px 15px 20px 20px;background:linear-gradient(110deg,#343630,#20241f 36%,#30332c 80%,#20231e);padding:18px 25px 20px;border:1px solid #77756666;box-shadow:inset 0 2px 1px #b6b6a333,inset 0 -5px 3px #090c0acc,0 12px 20px #0005;position:relative;min-height:126px}.remote:after{content:'';position:absolute;left:15%;right:15%;bottom:7px;height:2px;background:#131711;border-radius:1px;opacity:.6}.remote-id{display:flex;flex-direction:column;gap:8px;align-items:center}.remote-id>span{font:9px 'Space Grotesk',sans-serif;letter-spacing:1.5px;color:#d6ceba}.remote-id .remote-caption{font-size:5px;opacity:.4;letter-spacing:1px}.lcd{background:#879276;color:#283728;box-shadow:inset 1px 2px 3px #172010;border:3px solid #181e18;border-radius:4px;display:flex;align-items:center;padding:3px 9px;gap:10px}.lcd small{font:6px monospace;letter-spacing:1px}.lcd output{font:21px monospace}.power-group{display:flex;flex-direction:column;align-items:center;gap:9px}.power-group>span,.rocker-group>span,.volume-label{font-size:8px;letter-spacing:1.3px;color:#bfb9a7}.power{width:38px;height:38px;background:linear-gradient(135deg,#a34e38,#612f27);border-radius:50%;border:1px solid #301710;box-shadow:inset 0 1px 2px #eab09855,0 3px 3px #0a0d09;font-size:22px;line-height:1;color:#e1c5ae}.power[aria-pressed=true]{color:#f5e0b5;box-shadow:inset 0 1px 2px #eab09855,0 3px 3px #0a0d09,0 0 9px #dc784322}.rocker-group{display:flex;flex-direction:column;align-items:center;gap:8px}.rocker{display:flex;border:1px solid #101610;border-radius:18px;overflow:hidden;box-shadow:0 3px 3px #090d09,inset 0 1px 1px #929682}.rocker button{width:40px;height:38px;background:linear-gradient(#565c4f,#373f33);border:0;font-size:22px;text-shadow:1px 1px #111c11;color:#e0dfca}.rocker button:first-child{border-right:1px solid #242d21}.rocker-group small{font-size:5px;letter-spacing:1px;color:#91927f}.volume-group{width:160px;display:flex;flex-direction:column;gap:7px;padding-left:18px;border-left:1px solid #ffffff0b}.volume-label{display:flex;justify-content:space-between}.volume-label output{font:10px monospace;color:#c4d1a1}.volume-row{display:flex;gap:8px;align-items:center}.volume-step{padding:0;width:21px;height:24px;flex-shrink:0;border:0;border-radius:5px;background:#1a2118;box-shadow:0 1px 1px #69716055;font-size:17px}.volume-row input{width:100%;min-width:0;height:4px;accent-color:#c8b388;cursor:pointer}.mute{align-self:center;border:0;border-radius:10px;background:#1b221a;color:#aeb79d;font-size:11px;padding:4px 12px;box-shadow:0 1px 1px #5b665744;min-width:80px}.mute span{font-size:8px}.mute[aria-pressed=true]{color:#e3b188}.remote-hint{display:flex;justify-content:space-between;gap:15px;color:#817362;font-size:10px;padding:0 0 19px;border-bottom:1px solid var(--line)}kbd{font:8px monospace;border:1px solid #6a5b4544;padding:1px 4px;border-radius:3px}.hint-dot{padding:0 8px}footer{padding:23px 0 30px;display:flex;align-items:center;justify-content:space-between;color:#8f8270;font-size:11px}footer>span:first-child{font-family:Georgia,serif;font-style:italic;font-size:13px}.footer-right{font-size:8px;letter-spacing:1.4px;display:flex;align-items:center;gap:14px}.footer-right span{font-size:21px;color:#c39a6a}.channels{padding:27px 0;border-bottom:1px solid var(--line)}.channels-intro h2{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:500;margin:8px 0 20px}.channel-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.channel-card{border:1px solid #74624655;background:#2a251f;color:#d8ccb6;border-radius:5px;text-align:left;padding:18px;display:flex;flex-direction:column;gap:8px;min-height:136px}.channel-card .number{font:11px monospace;color:#af996f}.channel-card strong{font-size:14px;font-weight:500}.channel-card small{color:#a7977e;font-size:11px;line-height:1.5}.channel-card.active{border-color:#bc9a67;background:#353025}.source-note{font-size:10px;color:#91836e;line-height:1.6;margin-bottom:0}.source-note a{text-underline-offset:3px}dialog{background:#2a251f;color:#e4d5bc;border:1px solid #806641;max-width:450px;padding:40px;border-radius:8px;line-height:1.8}dialog::backdrop{background:#14120fd9;backdrop-filter:blur(6px)}dialog h2{font:32px Georgia;margin:16px 0}dialog p{color:#bbad97;font-size:14px}.small{font-size:11px!important}.close{position:absolute;right:12px;top:8px;font-size:25px}
@media(max-width:1100px){main{padding:0 28px}.masthead{padding:0 28px;height:78px}.remote{gap:16px;padding:18px}.volume-group{width:135px;padding-left:12px}.remote-id{display:none}.on-air{min-width:240px}.channel-list{grid-template-columns:repeat(2,1fr)}.edition{font-size:8px}.scene{aspect-ratio:1.8}}
@media(max-width:700px){.masthead{height:72px;padding:0 18px;gap:22px}.wordmark{font-size:31px}.logo-icon{font-size:21px}.tagline{font-size:11px}.edition{display:none}.header-right{gap:0}main{padding:0 12px}.room-heading{height:52px;font-size:9px;padding:0 2px}.room-heading>div{gap:6px}#settingsButton{font-size:10px}.scene{height:390px;aspect-ratio:auto}.room-stage{width:1050px;left:calc(50% - 618px);top:-39px}.tv{left:48.67%;top:31.4%;width:20.08%;height:25.45%}.welcome-title strong{font-size:31px}.welcome-title>span{font-size:5px;letter-spacing:1px}.welcome-title p{font-size:8px}.av{font-size:9px}.welcome-foot{font-size:4px;letter-spacing:.4px}.player-error{font-size:10px}.player-error p,.player-error a{font-size:8px}.focus-mode .room-stage{transform:scale(1.48)}.photo-credit{display:none}.tuning{flex-direction:column;align-items:stretch;gap:19px;padding:21px 3px 14px}.on-air h1{font-size:21px}.on-air p{font-size:11px}.on-air{position:relative;min-width:0}.extras{margin-top:10px;gap:22px}.remote{justify-content:space-around;gap:14px;padding:17px 15px 22px;min-height:123px}.remote-id{display:none}.volume-group{width:135px;padding-left:14px}.rocker button{width:36px;height:39px}.remote-hint{font-size:9px;line-height:1.6;padding:0 5px 16px}.remote-hint>span:last-child{display:none}.settings{right:10px;top:10px;width:260px}.channel-card{padding:14px}.channel-list{gap:9px}footer{padding:23px 4px;gap:20px}.footer-right{font-size:0;gap:0}.footer-right span{font-size:20px}footer>span:first-child{font-size:12px}dialog{margin:auto 18px;padding:30px}}
@media(max-width:700px){.scene{height:450px}.room-stage{width:1400px;left:calc(50% - 823px);top:-70px}.focus-mode .room-stage{transform:scale(1.08)}.welcome-title strong{font-size:39px}.welcome-title p{font-size:10px}.welcome-title>span{font-size:6px}.welcome-foot{font-size:5px}}
.room-stage{transform:scale(1.12)}
@media(max-width:700px){.room-stage{transform:scale(1.03)}.focus-mode .room-stage{transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.room .window-view{background:none;filter:brightness(.68) saturate(.8)}
.window-view:before{content:'';position:absolute;left:17.9%;top:11.15%;width:17%;height:34.65%;background-image:url('assets/seasons-v5.png');background-size:200% 200%;background-position:0 100%}
.room[data-season=spring] .window-view:before{background-position:0 0}.room[data-season=summer] .window-view:before{background-position:100% 0}.room[data-season=winter] .window-view:before{background-position:100% 100%}
.room[data-time=day] .window-view{filter:brightness(.98) saturate(.9)}.room[data-time=evening] .window-view{filter:brightness(.42) saturate(.6)}.room[data-time=night] .window-view{filter:brightness(.16) saturate(.4)}
.room[data-time=day] .room-photo{filter:brightness(1.12) saturate(.9)}
.window-haze{position:absolute;left:17.9%;top:11.4%;width:17%;height:34.3%;pointer-events:none;background:#8294a3;opacity:0;clip-path:polygon(0 0,47% 0,47% 48%,0 48%,0 0,52.5% 0,100% 0,100% 48%,52.5% 48%,52.5% 0,52.5% 52%,100% 52%,100% 100%,52.5% 100%,52.5% 52%,0 52%,47% 52%,47% 100%,0 100%,0 52%);transition:opacity 2s}
.room[data-weather=fog] .window-haze{opacity:.52}.room[data-weather=rain] .window-haze{opacity:.15}.room[data-weather=cloud] .window-haze{opacity:.1}.room[data-time=night] .window-haze{background:#263749}.room[data-time=evening] .window-haze{background:#526679}
.weather-summary{margin-left:auto;margin-right:22px;font-size:11px;color:#b9aa90}.settings{width:310px;max-height:calc(100% - 36px);overflow:auto;scrollbar-width:thin;scrollbar-color:#6f614c transparent}.settings p{margin:8px 0}.place-search{display:flex;gap:6px}.place-search input{min-width:0;width:100%;font:12px 'DM Sans',sans-serif;background:#343028;color:#e4d8be;border:1px solid #63563e;border-radius:4px;padding:10px}.place-search button{background:#8c6b43;border:0;border-radius:4px;padding:0 12px;color:#fff0d9}.place-results{display:grid;gap:5px;margin-top:8px}.place-results button{text-align:left;background:#39332a;border:1px solid #685942;border-radius:4px;padding:9px;font-size:11px}.preview-settings{border-top:1px solid #ffffff15;margin-top:14px;padding-top:12px}.preview-settings summary{font-size:11px;color:#c9b696;cursor:pointer}.weather-credit a{text-underline-offset:3px}.settings #weatherDetails{color:#d1c1a8}.settings .reset{margin-top:8px}
@media(max-width:700px){.room-heading{height:70px;flex-wrap:wrap;position:relative;padding-bottom:19px}.weather-summary{position:absolute;left:2px;bottom:9px;font-size:9px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.settings{width:min(310px,calc(100% - 20px));max-height:calc(100% - 20px)}.scene{height:450px}}
.room .window-view{inset:auto;left:17.9%;top:11.4%;width:17%;height:34.3%;background-image:url('assets/seasons-v5.png');background-size:200% 200%;background-position:0 100%}
.window-view:before{display:none}.room[data-season=spring] .window-view{background-position:0 0}.room[data-season=summer] .window-view{background-position:100% 0}.room[data-season=winter] .window-view{background-position:100% 100%}
.room .window-view,.window-haze,.weather{clip-path:none;mask-image:linear-gradient(to right,#000 0 47%,transparent 47% 52.5%,#000 52.5% 100%),linear-gradient(to bottom,#000 0 48%,transparent 48% 52%,#000 52% 100%);mask-composite:intersect}
.room[data-time=day][data-season] .window-view{filter:brightness(.98) saturate(.9)}
.house-lights{position:absolute;left:17.9%;top:11.4%;width:17%;height:34.3%;pointer-events:none;opacity:0;transition:opacity 3s ease;mask-image:linear-gradient(to right,#000 0 47%,transparent 47% 52.5%,#000 52.5% 100%),linear-gradient(to bottom,#000 0 48%,transparent 48% 52%,#000 52% 100%);mask-composite:intersect}
.house-season{display:none}.room[data-season=spring] .house-spring,.room[data-season=summer] .house-summer,.room[data-season=autumn] .house-autumn,.room[data-season=winter] .house-winter{display:inline}
.house-pane{opacity:var(--lamp-strength);transition:opacity 4s ease}.house-halo{fill:#eaba68;filter:url(#houseLightHalo);opacity:.28}.house-glass{fill:url(#houseWarmLight);opacity:.83}.house-mullion{fill:none;stroke:#65583b;stroke-width:1.4;opacity:.85}
.room[data-time=evening] .house-lights{opacity:.8}.room[data-time=night] .house-lights{opacity:.9}.room[data-time=night] .house-pane:not(.late){opacity:0}.room[data-weather=fog] .house-lights{filter:blur(.5px);opacity:.35}.room[data-time=day] .house-lights{opacity:0}
@media(prefers-reduced-motion:reduce){.house-lights,.house-pane{transition:none}}
/* Match the photographed glass edges, including their slight perspective. */
.room .window-view,.window-haze,.weather,.house-lights,.night-window{left:18.12201%;top:10.9458%;width:16.86603%;height:35.06908%;mask-image:none;clip-path:url(#outdoorPanes)}
.room[data-time=evening] .window-view{filter:brightness(.32) saturate(.6)}
.room[data-time=night] .window-view{filter:brightness(.28) saturate(.5)}
/* Keep the street readable: the room shade already darkens this layer. */
.room[data-time=night] .night-window{opacity:.12}
.room[data-time=night] .house-pane:not(.late){opacity:calc(var(--lamp-strength) * .4)}
.room[data-time=evening][data-weather=cloud] .window-haze,.room[data-time=evening][data-weather=rain] .window-haze{opacity:.025}
.room[data-time=night][data-weather=cloud] .window-haze,.room[data-time=night][data-weather=rain] .window-haze{opacity:.012}
.room[data-time=evening][data-weather=fog] .window-haze{opacity:.18}.room[data-time=night][data-weather=fog] .window-haze{opacity:.09}
.house-halo{opacity:.12}.room[data-time=evening] .house-lights{opacity:.72}
.street-light{position:absolute;left:18.12201%;top:10.9458%;width:16.86603%;height:35.06908%;clip-path:url(#outdoorPanes);pointer-events:none;opacity:0;transition:opacity 3s ease}
.room[data-time=evening] .street-light,.room[data-time=night] .street-light{opacity:1}.room[data-season=autumn] .street-fixture{transform:translateY(1px)}.room[data-season=winter] .street-fixture{transform:translateY(0px)}
.street-light #streetHalo stop:first-child{stop-opacity:.9}.street-light #streetHalo stop:nth-child(2){stop-opacity:.3}
.street-light #streetPool stop:first-child{stop-opacity:.32}.street-light #streetBeam stop:first-child{stop-opacity:.15}
.weather{container-type:size}.weather.snow i{width:var(--size);height:var(--size);top:-6%;border-radius:50%;background:#e7edf2;box-shadow:0 0 2px #f4f7ff33;filter:blur(var(--soften));animation-name:snowfall;will-change:transform}
@keyframes snowfall{0%{transform:translate3d(0,-3cqh,0)}35%{transform:translate3d(calc(var(--drift) * .2),37cqh,0)}70%{transform:translate3d(calc(var(--drift) * .85),77cqh,0)}100%{transform:translate3d(var(--drift),112cqh,0)}}
@media(prefers-reduced-motion:reduce){.street-light{transition:none}.weather.snow i{top:calc(5% + mod(var(--x),90%));animation:none;will-change:auto}}
.power{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;touch-action:manipulation}
.power-icon{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.power-text{display:none}.power:active{transform:translateY(1px)}
@media(max-width:700px){
 .scene{height:clamp(280px,90vw,390px)}
 .room-stage{width:380%;left:-173.1%;top:calc(50% - 95cqw)}
 .masthead{padding:0 14px;gap:12px}.help{width:40px;height:40px;flex-shrink:0}
 #settingsButton{min-height:44px;padding:8px 3px;font-size:11px}
 .room-heading{height:76px;font-size:10px}.weather-summary{font-size:10px}
 .tuning{padding:18px 2px 14px;gap:16px}
 .extras{gap:8px;margin-top:13px}.extras .text-button{min-height:44px;padding:8px 12px;font-size:11px;border:1px solid #8e765333;border-radius:8px;background:#29231c}
 .remote{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:18px 20px;padding:18px 20px 24px;border-radius:18px;min-width:0}
 .power-group,.rocker-group{gap:9px;min-width:0}
 .power-group>span{order:-1}.power-group>span,.rocker-group>span,.volume-label{font-size:10px;letter-spacing:1.2px}
 .power{width:100%;height:50px;gap:9px;border-radius:12px;background:linear-gradient(#9a4c38,#703b2e);color:#f1d9be;box-shadow:inset 0 1px 1px #efb89955,0 3px 0 #151913,0 5px 8px #0003}
 .power[aria-pressed=true]{background:linear-gradient(#657259,#43563d);color:#edf1d5;box-shadow:inset 0 1px 1px #becb9b55,0 3px 0 #151913,0 0 12px #a7b87b15}
 .power-text{display:inline;font-size:13px;font-weight:600;letter-spacing:0}
 .rocker{width:100%;border-radius:12px}.rocker button{flex:1;width:auto;height:50px;font-size:25px;touch-action:manipulation}.rocker-group small{display:none}
 .volume-group{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;width:auto;padding:15px 0 0;border-left:0;border-top:1px solid #ffffff12}
 .volume-label{grid-column:1/-1}.volume-label output{font-size:12px}
 .volume-row{gap:6px;min-width:0}.volume-step{width:44px;height:44px;font-size:22px;background:#1c2319;border-radius:8px;touch-action:manipulation}
 .volume-row input{height:44px;margin:0;touch-action:pan-y}
 .mute{min-height:44px;min-width:78px;margin:0;padding:8px 10px;border-radius:8px;font-size:14px;touch-action:manipulation}.mute span{font-size:10px}
 .remote-hint{font-size:10px}.place-search input{font-size:16px}.place-search button,.place-results button,#usePosition{min-height:44px}.settings-title button{min-width:44px;min-height:44px}
}
@media(max-width:359px){.tagline{display:none}.remote{padding:16px 14px 22px;gap:16px 14px}.extras{gap:6px}.extras .text-button{padding:8px;font-size:10px}}
.tuning-screen{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse,#14251f,#080e0b 90%);color:#c4d1a3;font-family:monospace;pointer-events:none;text-shadow:0 0 4px #b8d89855}
.tuning-screen:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 2px,#0004 2px 3px);opacity:.45}.tuning-screen strong{font-size:clamp(12px,1.4cqw,24px);letter-spacing:.15em;font-weight:400}.tuning-screen>span:not(.tuning-av){font-size:clamp(8px,.7cqw,12px);opacity:.7}.tuning-av{position:absolute;left:7%;top:8%;font-size:clamp(9px,.85cqw,15px)}