:root{--room: #141210;--ivory: #f4f0e7;--muted: #a39c90;--faint: #746e64;--gold: #e4b56a;--line: rgba(244, 240, 231, .12);--danger: #e07a68;--sans: "Outfit", "Segoe UI", sans-serif;--serif: "Fraunces", "Iowan Old Style", Palatino, Georgia, serif;--mono: "IBM Plex Mono", Consolas, ui-monospace, monospace;color:var(--ivory);background:var(--room);font-family:var(--sans);font-weight:400;letter-spacing:.01em}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--room);overflow:hidden}button,input{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus{outline:none}::selection{background:#e4b56a59}.app{height:100%;display:flex;flex-direction:column;background:radial-gradient(ellipse 80% 55% at 50% 42%,rgba(120,74,36,.16),transparent 58%),var(--room)}.titlebar{height:52px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px 0 22px;-webkit-app-region:drag;-webkit-user-select:none;user-select:none}.wordmark,.title-actions,.clock,.titlebar button{-webkit-app-region:no-drag}.wordmark{display:flex;align-items:center;gap:9px}.wordmark em{font-family:var(--serif);font-style:italic;font-weight:500;font-size:22px;letter-spacing:-.03em}.wordmark i{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}.wordmark span{font-size:11px;letter-spacing:.24em;color:var(--muted);margin-top:4px}.clock{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px;letter-spacing:.08em}.title-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px}.text-btn{color:var(--muted);font-size:13px;letter-spacing:.08em;padding:6px 10px;border-radius:999px}.text-btn:hover,.text-btn:focus{color:var(--ivory);background:#ffffff0a}.winbtns{display:flex}.winbtns button{width:36px;height:28px;border-radius:8px;color:var(--muted);font-size:14px}.winbtns button:hover{background:#ffffff0f;color:var(--ivory)}.winbtns .close:hover{background:#e07a6833;color:#ffd0c8}.room{flex:1;min-height:0;position:relative}.room:before{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 160px #00000061}.stage{height:100%;display:flex;align-items:center;justify-content:center;padding:6px 28px 86px}.set{display:flex;align-items:center;gap:28px;max-width:100%}.tv{width:min(1180px,calc(100vw - 72px),calc((100vh - 250px) * 16 / 9));min-width:0}.chassis{padding:12px;border-radius:18px;background:linear-gradient(180deg,#2c2824,#161411 28%,#0c0b0a);box-shadow:inset 0 1px #ffffff29,inset 0 -12px 24px #00000059,0 30px 70px #00000073}.set.awake .chassis{box-shadow:inset 0 1px #ffffff2e,0 0 80px #ffd6aa12,0 30px 70px #00000080}.glass{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:6px;background:#050504;box-shadow:inset 0 0 0 1px #ffffff0d;container-type:inline-size}.glass video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#000}.glass[data-power=off] video{opacity:0}.glass[data-dim=true] video{filter:brightness(.45) saturate(.85)}.sheen{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(115deg,rgba(255,255,255,.045),transparent 28%,transparent 70%,rgba(255,255,255,.02))}.tuning-line{position:absolute;z-index:3;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:sweep 1.1s ease-in-out infinite}.asleep,.boot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center}.asleep{background:radial-gradient(90% 70% at 18% 0%,rgba(255,255,255,.05),transparent 42%),linear-gradient(160deg,#1c1916,#070706 55%,#10100e)}.asleep em{font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(48px,8cqw,84px);color:#f4f0e712}.boot{background:#050504;animation:fade .9s ease both}.boot div{text-align:center}.boot em{display:block;font-family:var(--serif);font-style:italic;font-weight:500;font-size:clamp(52px,8cqw,88px);letter-spacing:-.04em}.boot span{display:block;margin-top:8px;color:var(--gold);letter-spacing:.22em;font-size:12px;text-transform:uppercase}.nosignal,.osd,.volume,.lobby,.guide,.help{position:absolute;z-index:4}.nosignal{top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:8% 7%;background:linear-gradient(180deg,#05050433,#050504c7),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px)}.nosignal p{margin:0;letter-spacing:.18em;text-transform:uppercase;font-size:12px;color:var(--gold)}.nosignal h2{margin:6px 0 8px;font-family:var(--serif);font-weight:500;font-size:clamp(28px,4cqw,44px);letter-spacing:-.03em}.nosignal span{max-width:46ch;color:var(--muted);font-size:14px;line-height:1.45}.nosignal button{margin-top:16px;align-self:flex-start;border-bottom:1px solid var(--gold);color:var(--gold);padding-bottom:2px;letter-spacing:.06em}.osd{left:4.5%;bottom:6%;display:flex;align-items:center;gap:14px;max-width:min(78%,640px);padding:12px 16px;border-radius:16px;background:#080706b8;box-shadow:0 16px 40px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.osd.digits{background:transparent;box-shadow:none;padding:0;left:auto;right:5%;top:6%;bottom:auto}.osd b{display:block;font-family:var(--mono);font-weight:400;font-size:13px;letter-spacing:.14em;color:var(--gold)}.osd strong{display:block;font-size:clamp(20px,3cqw,30px);font-weight:500;letter-spacing:-.03em}.osd em{display:block;margin-top:2px;color:var(--muted);font-style:normal;font-size:13px}.entry{font-family:var(--mono);font-size:clamp(48px,8cqw,84px)!important;font-weight:400!important;letter-spacing:.08em!important;text-shadow:0 10px 30px rgba(0,0,0,.65)}.volume{right:4%;top:12%;bottom:12%;width:36px;display:flex;flex-direction:column-reverse;align-items:center;gap:4px}.volume i{width:4px;flex:1;border-radius:99px;background:#f4f0e729}.volume i.on{background:var(--ivory)}.volume span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;margin-bottom:6px}.mark,.osd-mark,.detail-mark{display:grid;place-items:center;object-fit:contain;background:#ffffff0a;border-radius:8px;flex:none}.mark{width:32px;height:32px}.osd-mark{width:52px;height:52px;border-radius:12px}.detail-mark{width:72px;height:72px;border-radius:16px}.letter{font-family:var(--serif);font-style:italic;color:var(--gold-2, var(--gold))}.lobby,.help,.guide,.search-panel{top:0;right:0;bottom:0;left:0;overflow:auto;padding:28px 32px 22px}.lobby,.help{background:#070706f0;display:flex;flex-direction:column;justify-content:safe center}.guide,.search-panel{display:flex;flex-direction:column;background:#070706cc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding-bottom:14px}.lobby-head p,.guide-head p{margin:0;color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:11px}.lobby-head h2,.guide-head h2,.help h2{margin:4px 0 0;font-family:var(--serif);font-weight:500;font-size:clamp(32px,4.4cqw,48px);letter-spacing:-.035em}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,168px),1fr));gap:12px;margin-top:22px}.tile{text-align:left;min-height:88px;padding:16px;border-radius:16px;border:1px solid var(--line);background:#ffffff06;display:flex;flex-direction:column;justify-content:space-between;gap:18px}.tile strong{font-family:var(--serif);font-weight:500;font-size:clamp(26px,3cqw,34px);letter-spacing:-.03em}.tile span,.note,.credit,.empty{color:var(--muted)}.tile:hover,.tile:focus,.menu-grid button:hover,.menu-grid button:focus,.footer-nav button:focus,.picture-mode:focus{border-color:#e4b56a8c;background:#e4b56a14}.footer-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px 18px;margin-top:20px}.footer-nav button{color:var(--ivory);letter-spacing:.04em;border-bottom:1px solid transparent;padding-bottom:2px}.footer-nav button:hover,.footer-nav button:focus{border-bottom-color:var(--gold);color:var(--gold)}.credit,.note{font-size:12px;line-height:1.45}.credit{margin-top:18px}.error{color:#f0c2b8;font-size:14px}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,148px),1fr));gap:8px;margin-top:18px}.menu-grid.places,.menu-grid[data-cols="2"]{grid-template-columns:repeat(2,1fr)}.menu-grid button{text-align:left;padding:12px;border-radius:12px;border:1px solid transparent;display:flex;justify-content:space-between;gap:12px;align-items:baseline}.menu-grid button b{font-weight:500}.menu-grid button small{color:var(--faint);font-size:12px}.finder,.search{display:flex;flex-direction:column;gap:6px}.finder{margin-top:16px}.finder span,.search span{color:var(--faint);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.finder input,.search input,.address{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(244,240,231,.22);padding:8px 0;outline:none}.finder input:focus,.search input:focus,.address:focus{border-bottom-color:var(--gold)}.address{font-family:var(--mono);font-size:14px;margin-top:8px}.open-link{margin-top:14px;color:var(--gold);letter-spacing:.08em}.all-stations{margin-top:28px;display:flex;justify-content:space-between;gap:16px;align-items:end;padding-top:16px;border-top:1px solid var(--line)}.all-stations strong{display:block;font-weight:500}.all-stations span{color:var(--muted);font-size:13px}.all-stations button{color:var(--gold);letter-spacing:.06em;white-space:nowrap}.guide-head{display:flex;justify-content:space-between;gap:18px;align-items:end;flex-wrap:wrap}.search{width:min(240px,34%)}.search input{font-size:14px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 10px;max-height:68px;overflow:auto}.chip{border-radius:999px;padding:5px 10px;color:var(--muted);font-size:12px;letter-spacing:.04em}.chip[aria-pressed=true]{color:var(--ivory);background:#e4b56a1f;box-shadow:inset 0 0 0 1px #e4b56a73}.guide-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:18px}.rows{overflow:auto;min-height:0;overflow-anchor:none}.row{display:grid;grid-template-columns:54px 32px minmax(0,1fr) auto 10px;gap:10px;align-items:center;padding:0 10px;text-align:left;border-radius:10px}.row[aria-selected=true]{background:linear-gradient(90deg,#e4b56a29,#e4b56a0a);box-shadow:inset 2px 0 0 var(--gold)}.row:hover{background:#ffffff0a}.num{font-family:var(--mono);color:var(--faint);font-size:12px}.name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group{color:var(--faint);font-size:12px}.on-air{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold)}.detail{border-left:1px solid var(--line);padding:8px 0 8px 16px;display:flex;flex-direction:column;gap:8px}.detail h3{margin:8px 0 0;font-family:var(--serif);font-weight:500;font-size:28px;letter-spacing:-.03em}.detail p,.detail em{margin:0;color:var(--muted);font-style:normal;font-size:13px}.detail span{font-family:var(--mono);color:var(--gold);letter-spacing:.12em}.search-panel footer,.guide footer{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:var(--faint);font-size:12px}.empty{padding:18px 8px}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:18px;margin-top:22px}.help-grid h3{margin:0 0 8px;font-weight:500}.help-grid p{margin:0;color:var(--muted);line-height:1.5;font-size:14px}.picture-mode{margin-top:22px;border:1px solid var(--line);border-radius:999px;padding:8px 14px}.receiver{margin-top:10px;height:54px;border-radius:12px;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:0 16px;background:linear-gradient(180deg,#2a2723,#141311 42%,#0e0d0c);box-shadow:inset 0 1px #ffffff24,0 14px 30px #00000059}.led{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.led.standby{color:#a56a2e;animation:pulse 2.8s ease-in-out infinite}.led.live{color:#f3e2c0}.led.lost{color:var(--danger)}.rx{color:var(--faint);letter-spacing:.18em;font-size:11px}.receiver strong{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.receiver em{font-family:var(--mono);font-style:normal;font-size:20px;letter-spacing:.14em;color:#f6e7c8;text-shadow:0 0 10px rgba(246,231,200,.28)}.plinth{height:18px;margin:4px 12% 0;background:radial-gradient(ellipse at center,rgba(0,0,0,.55),transparent 70%)}.remote{width:176px;flex:none;border-radius:42px;padding:16px 14px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg,#3a342c,#231f1b 12%,#161411);box-shadow:inset 0 1px #fff3,inset 0 -10px 18px #00000061,0 22px 40px #00000059}.remote button{color:var(--ivory);background:#2a261f;box-shadow:inset 0 1px #ffffff14}.remote button:active{transform:translateY(1px);filter:brightness(.92)}.power{width:46px;height:46px;border-radius:50%;color:var(--danger)!important;background:transparent!important;box-shadow:inset 0 0 0 1.5px var(--danger),0 0 16px #e07a6847!important}.power svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.power.awake{color:#d9d0c3!important;box-shadow:inset 0 0 0 1.5px #d9d0c3b3!important}.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%}.trio button{height:32px;border-radius:999px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.dpad{width:140px;display:grid;grid-template-columns:42px 46px 42px;grid-template-rows:40px 46px 40px;gap:4px}.dpad .up{grid-area:1 / 2}.dpad .left{grid-area:2 / 1}.dpad .ok{grid-area:2 / 2;border-radius:50%;font-size:12px;letter-spacing:.08em}.dpad .right{grid-area:2 / 3}.dpad .down{grid-area:3 / 2}.dpad button{border-radius:12px;font-size:12px}.rockers{display:flex;gap:18px}.rocker{width:58px;display:flex;flex-direction:column;align-items:center;gap:4px}.rocker button{width:100%;height:32px;border-radius:10px;font-size:16px}.rocker button:first-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.rocker button:nth-child(2){border-top-left-radius:4px;border-top-right-radius:4px}.rocker span{color:var(--faint);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.pad{display:grid;grid-template-columns:repeat(3,36px);gap:6px}.pad button{width:36px;height:36px;border-radius:50%;font-size:13px}.pad .lit{color:var(--gold)}.back-key{width:100%;height:32px;border-radius:999px;letter-spacing:.14em;text-transform:uppercase;font-size:11px;color:var(--muted)!important}.remote-brand{margin:2px 0 0;font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--faint)}.glass *::-webkit-scrollbar{width:8px;height:8px}.glass *::-webkit-scrollbar-thumb{background:#f4f0e72e;border-radius:99px}@keyframes sweep{0%{transform:translate(-40%);opacity:0}30%{opacity:1}to{transform:translate(40%);opacity:0}}@keyframes pulse{50%{opacity:.35}}@keyframes fade{0%{opacity:0}to{opacity:1}}@container (max-width: 760px){.guide-body{grid-template-columns:1fr}.detail{display:none}.row-main{grid-template-columns:44px 28px minmax(0,1fr)}.row-main .group{display:none}}@container (max-width: 460px){.tiles,.help-grid,.menu-grid{grid-template-columns:1fr}.tile{min-height:72px;padding:12px}.tile strong{font-size:24px}.lobby-head h2,.guide-head h2,.help h2{font-size:28px}}.row.search-row{position:relative;top:auto;height:auto;grid-template-columns:minmax(0,1fr) 40px;padding:0 4px 0 0}.row-main{display:grid;grid-template-columns:54px 32px minmax(0,1fr) auto 12px;gap:10px;align-items:center;width:100%;min-height:54px;text-align:left;background:none;box-shadow:none}.star{width:36px;height:36px;border-radius:50%;color:var(--muted);background:transparent}.star.lit{color:var(--gold)}.search-bar{display:flex;align-items:end;flex-wrap:wrap;gap:16px;margin:16px 0 8px}.search-bar input{flex:1;background:transparent;border:0;border-bottom:1px solid rgba(244,240,231,.22);padding:10px 0;font-size:22px;outline:none}.search-bar input:focus{border-bottom-color:var(--gold)}.search-list{flex:1;min-height:0;overflow:auto}.remote-drawer{position:absolute;z-index:8;right:18px;top:42%;transform:translateY(-50%)}.dock{position:absolute;z-index:9;left:50%;bottom:16px;transform:translate(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100% - 28px);padding:8px 10px 8px 8px;border-radius:999px;background:#100e0ce6;border:1px solid rgba(244,240,231,.1);box-shadow:0 16px 40px #00000059;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-app-region:no-drag}.dock-power{width:36px;height:36px;border-radius:50%;color:var(--danger);background:transparent;box-shadow:inset 0 0 0 1.5px var(--danger)}.dock-power.on{color:#d9d0c3;box-shadow:inset 0 0 0 1.5px #d9d0c3a6}.dock-power svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.dock-tabs,.dock-transport{display:flex;align-items:center;gap:4px}.dock-tabs{padding-right:8px;border-right:1px solid var(--line)}.dock button{height:32px;padding:0 10px;border-radius:999px;color:var(--muted);font-size:12px;letter-spacing:.06em}.dock-tabs button[aria-selected=true]{color:var(--ivory);background:#e4b56a24;box-shadow:inset 0 0 0 1px #e4b56a66}.dock button.dock-power{width:36px;padding:0;color:var(--danger);background:transparent;box-shadow:inset 0 0 0 1.5px var(--danger)}.dock button.dock-power.on{color:#d9d0c3;box-shadow:inset 0 0 0 1.5px #d9d0c3a6}.dock button:hover:not(:disabled),.dock button:focus-visible{color:var(--ivory)}.dock button.dock-power:hover{color:var(--danger)}.dock button.dock-power.on:hover{color:#d9d0c3}.dock-volume{display:flex;align-items:center;gap:6px;color:var(--faint);font-size:11px;letter-spacing:.08em}.dock-volume input{width:78px;accent-color:var(--gold)}.app.is-fullscreen .titlebar,.app.is-fullscreen .receiver,.app.is-fullscreen .plinth{display:none}.app.is-fullscreen .stage{padding:0}.app.is-fullscreen .set,.app.is-fullscreen .tv,.app.is-fullscreen .chassis{width:100%;height:100%}.app.is-fullscreen .chassis{padding:0;border-radius:0;background:#000;box-shadow:none}.app.is-fullscreen .glass{height:100%;aspect-ratio:auto;border-radius:0}.app.is-fullscreen .room:before{box-shadow:none}.app.is-fullscreen .dock{bottom:22px}.app.chrome-hidden .dock,.app.chrome-hidden .remote-drawer{opacity:0;pointer-events:none}.rail-edge{position:absolute;z-index:32;left:0;top:0;bottom:0;width:18px;cursor:pointer;background:linear-gradient(90deg,transparent,rgba(228,181,106,.7))}.rail{position:absolute;z-index:31;top:0;bottom:0;left:0;width:min(300px,calc(100vw - 28px));display:flex;flex-direction:column;gap:12px;padding:16px 14px 18px;overflow:auto;background:#0e0c0af0;border-right:1px solid rgba(244,240,231,.12);box-shadow:18px 0 48px #0006;transform:translate(-105%);transition:transform .18s ease}.rail.open{transform:translate(0)}@media(min-width:760px){.app.rail-on .lobby,.app.rail-on .guide,.app.rail-on .search-panel,.app.rail-on .help{padding-left:316px}}.rail.open+.rail-edge{opacity:0;pointer-events:none}.rail .dock{position:static;left:auto;bottom:auto;transform:none;width:100%;max-width:none;flex-direction:column;align-items:stretch;border-radius:20px;padding:10px}.rail .dock-tabs,.rail .dock-transport{flex-direction:column;align-items:stretch}.rail .dock-tabs{border-right:0;border-bottom:1px solid var(--line);padding:0 0 8px}.rail .dock button{width:100%}.rail .dock button.dock-power{width:36px;align-self:center}.rail .dock-volume{width:100%;flex-direction:column;align-items:stretch;gap:4px}.rail .dock-volume input{width:100%}.rail .remote{width:min(176px,100%);margin:0 auto;flex:none}.rail-foot{display:flex;gap:8px;margin-top:auto}.rail-foot button{flex:1;height:34px;border-radius:999px;color:var(--muted);font-size:12px;letter-spacing:.06em}.rail-foot button:hover,.rail-foot button:focus-visible{color:var(--ivory);background:#ffffff0a}@media(max-width:800px){.lobby,.help,.guide,.search-panel{padding:16px}.rail{width:min(100% - 20px,320px)}}@media(max-height:640px){.tile{min-height:64px}.rail .remote{transform:scale(.82);transform-origin:top center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}