/* NIGHT CONTROL ROOM. Original dark concept, with real station controls. */
:root{color-scheme:dark;--paper:#0e100d;--ink:#f1efe5;--muted:#b3b7aa;--line:#30342b;--orange:#dfef56;--dark:#dfef56;--olive:#191c16;--radius:10px}
body{background:#0e100d;color:#f1efe5}.wrap{max-width:1440px;padding-left:48px;padding-right:48px}.header{height:92px;border-color:#2d3128}.brand>span{font-size:29px;letter-spacing:-1.3px}.brand-wave{color:#dfef56}.brand small{color:#b3b7aa;font-size:11px}.nav a{color:#c2c6b9;font-weight:500;border-radius:0;padding:12px 8px;margin:0 12px;border-bottom:1px solid transparent}.nav a:hover{background:none;color:#fff}.nav a.active{background:none;color:#dfef56;border-color:#dfef56}.region{color:#c2c6b9}.region i,.live-dot{background:#e06b38}.header-actions .icon-button{background:#191c16;color:#eeede2}.icon-button:hover{background:#282e21}.header-actions .icon-button:hover{background:#282e21}#fav-badge{background:#dfef56;color:#13160e}
.intro{padding:35px 0 25px;position:relative;isolation:isolate;align-items:flex-end;gap:20px}.intro .eyebrow{font-size:11px;color:#b3b7aa;letter-spacing:.13em;margin-bottom:18px}.intro h1{font-size:clamp(58px,6.5vw,92px);letter-spacing:-.055em;line-height:1.03;max-width:100%;white-space:nowrap}.intro h1 .orange{color:#f1efe5}.night-tagline{font-size:17px;line-height:1.5;color:#c2c5ba;margin:15px 0 0}.intro-aside{margin:0 0 7px 10px}.intro-aside>p{display:none}.intro-aside>small{color:#b3b7aa;font-size:11px;max-width:180px}.random-button{background:transparent;color:#dfe3d3;border-color:#474541;font-size:13px;padding:11px 14px;border-radius:7px}.random-button:hover{background:#292723;border-color:#a6b841}.random-button svg{color:#dfef56}
.console{background:#10120f;border:0;border-bottom:1px solid #353a2e;border-radius:0;padding:0 0 24px;grid-template-columns:1.5fr 1fr;gap:20px;position:relative;isolation:isolate;min-height:318px;overflow:hidden}.console:before{content:'';position:absolute;inset:50px 0 0;z-index:-2;background:linear-gradient(90deg,#0e100d0a,#0e100d25 60%,#0e100d 88%),linear-gradient(#0e100d 0%,#0e100d66 30%,#0e100d00 75%,#0e100d77),var(--mood-image) center 67%/cover no-repeat;filter:grayscale(1);opacity:.75}.console-left{padding:0;z-index:1}.console-step{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#bab8b4;margin:0 0 12px}.day-tabs{border:0;background:none;border-radius:0;padding:0;gap:6px;grid-template-columns:1.35fr .8fr .9fr .9fr .9fr}.day-tabs button{background:#1b1e18;border:1px solid #2b3025;color:#e3e5d9;border-radius:6px;font-size:13px;font-weight:500;min-height:49px;gap:7px}.day-tabs [data-day] svg{color:#d7dccb;width:19px;height:19px;stroke-width:1.7}.day-tabs button:hover{background:#312f2b;border-color:#5d5b57}.day-tabs button.selected{background:#dfef56;color:#12160a;border-color:#dfef56}.day-tabs [data-day].selected svg{color:#12160a}.console-guide{padding:24px 0 0;min-height:210px}.console-guide h2{font-size:32px;font-weight:700;color:#f4f1e6;letter-spacing:-.6px;margin:0 0 9px}.console-guide>p{font-size:16px;color:#d0d5c6;max-width:340px;line-height:1.5}.console-guide .console-note{font-size:12px;color:#c5c3bf;max-width:320px;margin-top:19px;line-height:1.6}
.now-card{background:none;border:0;border-radius:0;min-height:278px;padding:0;overflow:visible;isolation:isolate}.now-card:after{display:none}.night-dial{position:absolute;top:4px;left:50%;transform:translateX(-50%);width:220px;height:220px;border:1px solid #b4c33766;border-radius:50%;background:repeating-conic-gradient(from 0deg,#dfef5644 0deg 1deg,transparent 1deg 6deg);mask-image:radial-gradient(circle,transparent 0 58%,#000 58% 60%,transparent 60% 65%,#000 65%);opacity:.8;pointer-events:none}.now-card:before{content:'';position:absolute;top:4px;left:50%;transform:translateX(-50%);width:220px;height:220px;border:1px solid #7a852c88;border-radius:50%;box-shadow:0 0 0 15px #0e100d,0 0 0 16px #424b1c66;z-index:-1}.night-dial .dial-axis{position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - .5px),#dfef56 calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(50% - .5px),#dfef5666 calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px))}.hero-art{position:absolute;top:76px;left:50%;transform:translateX(-50%);width:70px;height:70px;border-radius:8px;border:1px solid #464440}.hero-art.has-logo{background:#f9f8f0}.now-info{position:absolute;left:15px;bottom:5px;right:83px}.now-info .micro{font-size:11px;color:#e0e5d4;text-transform:none;letter-spacing:.02em;font-weight:500;margin:0 0 7px}.now-info .micro:before{background:#95938f}.is-playing .now-info .micro:before{background:#ee652d;box-shadow:none}.now-info h2{font-size:24px;color:#f5f1e7;line-height:1.2;letter-spacing:-.4px;margin:0 0 7px}.now-info>p:not(.micro){font-size:13px;color:#bebcb8;line-height:1.5;max-width:260px}.genre-label{display:none}.hero-play{right:4px;bottom:13px;width:62px;height:62px;background:#dfef56;color:#10140a}.hero-play:hover{background:#ebfc69}.hero-play svg{width:36px;height:36px}.hero-heart{right:15px;top:15px;color:#d6d4d0}.hero-heart:hover{background:#312f2b}.play-button{background:#dfef56;color:#11160a}.play-button:hover{background:#ebfc69}
.discover{padding-top:27px}.section-heading{margin-bottom:18px}.section-heading .eyebrow{font-size:10px;letter-spacing:.12em;color:#b9b7b3;margin-bottom:8px}.section-heading h2{font-size:27px;letter-spacing:-.6px;color:#f2f0e5}.section-heading>.text-button{font-size:13px;color:#d9d7d3}.text-button:hover{color:#dfef56}.genre-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.genre-feature{position:relative;isolation:isolate;background:#171a14;border:1px solid #353b2d;border-radius:8px;min-height:252px;text-align:left;padding:0;overflow:hidden;transition:border-color .2s,transform .2s}.genre-feature:hover{border-color:#a6b841;transform:translateY(-3px)}.genre-visual{display:block;position:absolute;inset:0;overflow:hidden;z-index:-1}.genre-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10120ff5 0%,#10120fc9 32%,transparent 85%)}.genre-feature-copy{position:absolute;inset:auto 17px 19px;display:flex;flex-direction:column;gap:8px}.genre-feature-copy strong{font-family:Wave,Arial,sans-serif;font-weight:800;font-size:29px;line-height:1.1;letter-spacing:-1px;color:#f6f3e7}.genre-feature-copy>span{font-size:12px;color:#d5d3cf;line-height:1.5;max-width:90%}.genre-feature-copy small{font-size:11px;color:#bcbab6;margin-top:5px}.genre-feature-play{position:absolute;right:12px;bottom:13px;color:#dfef56}.genre-feature-play svg{width:19px;height:19px}.genre-jazz .genre-visual{background:radial-gradient(ellipse at 60% 25%,#4f5548,#151913 75%)}.genre-jazz .genre-visual>svg{width:130%;height:220px;position:absolute;top:-25px;left:-20px;stroke:#dbd9d5;fill:none;stroke-width:2.4;transform:rotate(-18deg);filter:drop-shadow(2px 10px 1px #0008)}.genre-electro .genre-visual{background:repeating-linear-gradient(115deg,#20251c 0 22px,#474541 23px 25px,#161a13 26px 60px)}.genre-electro .genre-visual i:first-child{position:absolute;right:-23px;top:-18px;width:160px;height:160px;background:#ddec57;border-radius:50%;opacity:.95}.genre-electro .genre-visual i:nth-child(2){position:absolute;left:20px;top:32px;width:210px;height:50px;border:1px solid #7c7a76;transform:rotate(-25deg)}.genre-rock .genre-visual{background:linear-gradient(125deg,#21231e 0 24%,#626556 25% 43%,#181c15 44% 64%,#41483a 65%)}.genre-rock .genre-visual i:first-child{position:absolute;right:-12px;top:8px;width:134px;height:134px;border-radius:50%;background:#d15f37}.genre-rock .genre-visual i:nth-child(2){position:absolute;left:30%;top:-30px;width:60px;height:240px;background:#151a13;transform:rotate(24deg);box-shadow:10px 0 0 #89878366}.genre-relax .genre-visual{background:linear-gradient(125deg,#232c23,#474541)}.genre-relax .genre-visual i:first-child{position:absolute;right:20px;top:11px;width:130px;height:130px;background:#c3c7ae;border-radius:50%}.genre-relax .genre-visual i:nth-child(2){position:absolute;left:12px;top:10px;width:170px;height:150px;background:repeating-linear-gradient(65deg,transparent 0 18px,#141e16 19px 22px,transparent 23px 30px);transform:rotate(-12deg)}
.preset-heading{margin-top:28px;border-top:1px solid #30372a;padding-top:21px}.preset-heading>.micro{font-size:17px;color:#f1f1e5}.preset-heading .text-button{font-size:12px;color:#c8c6c2}.presets{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.preset{min-height:92px;padding:17px 9px 10px;border-radius:7px;background:#161a13;border-color:#3a3834;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:7px;text-align:left;align-content:center;justify-items:start}.preset:hover{background:#2b2925;border-color:#84827e}.preset .preset-art{grid-row:1/3;width:31px;height:34px;margin:0;border-radius:3px}.preset strong{font-size:12px;line-height:1.3;font-weight:600;color:#ebefdf}.preset small{font-size:10px;color:#bfbdb9;line-height:1.3;margin-top:4px}.preset-number{top:6px;left:7px;font-size:9px;color:#b7b5b1}.preset-action{display:none}.preset.selected{background:#dfef56;border-color:#dfef56;color:#12170b}.preset.selected strong,.preset.selected small,.preset.selected .preset-number{color:#1b1915}.preset .bars{right:7px;top:7px}.catalog{padding-top:44px}.station-count{color:#c1bfbb;font-size:13px}.search-field{background:#171d13;border-color:#53514d}.search-field input{color:#f2f5e8}.search-field input::placeholder{color:#bab8b4}.search-field svg{color:#c7c5c1}.search-field kbd{border-color:#52504c;color:#c1bfbb}.search-field:focus-within{border-color:#dfef56;box-shadow:0 0 0 2px #dfef561a}.filter-favorite{background:#171d13;border-color:#53514d;color:#e8e6e2}.filter-favorite[aria-pressed=true]{background:#dfef56;color:#11160a}.genre-filters button{background:#171c13;border-color:#494743;color:#dcdad6}.genre-filters button:hover{background:#33312d}.genre-filters button.selected{background:#dfef56;border-color:#dfef56;color:#11160a}.station-card{background:#161b12;border-color:#464440}.station-card:hover{background:#282622;border-color:#93a15f}.station-card.current{background:#2b2925;border-color:#b5c64c;box-shadow:inset 3px 0 #dfef56}.station-copy strong{color:#eff4e5}.station-copy small{color:#c2c0bc}.station-card .card-play{background:#dfef56;color:#11160a}.station-card.current .card-play{background:#dfef56;color:#11160a}.station-card .card-favorite{color:#c3c1bd}.station-art.has-logo{border-color:#474541}.station-art.logo-failed{color:#fff}.collection-banner{background:#2f2d29;color:#e8e6e2}.outline-button{border-color:#615f5b;color:#eceae6}.empty-state p,.catalog-error{color:#cdcbc7}
.manifesto{border-color:#3c3a36;margin-top:42px}.manifesto-wave{color:#dfef56}.manifesto h2{color:#f1f2e7}.manifesto p,.footer p,.footer>small{color:#bfbdb9}.manifesto h2{font-size:27px}.footer .brand-wave{color:#dfef56}.footer .text-button{color:#dfddd9}.player{background:#13190f;border-color:#484642;box-shadow:0 6px 25px #0009;border-radius:10px}.player-info .micro{color:#d8d6d2}.is-playing .player-info .micro{color:#ee9564}.player-info strong{color:#f1f5e7}.player-info>span:last-child{color:#c6c4c0}.player .icon-button:hover{background:#34322e}.player-play{background:#dfef56;color:#11160a}.next-station{border-color:#5a5854;color:#e7e5e1;border-radius:7px;background:#24221e}.next-station:hover{background:#34322e}.player input[type=range]{background:#52504c;accent-color:#dfef56}.player input[type=range]::-webkit-slider-thumb{background:#dfef56}.timer-button.active{color:#dfef56}.player-error{color:#ffbd94}.toast{background:#dfef56;color:#12170b;border:1px solid #e4f579}
dialog{background:#171e12;border-color:#585652;color:#eef4e5}dialog::backdrop{background:#050803cc}.dialog-heading .eyebrow,.dialog-subtitle,.about-copy,.about-copy .muted,#preset-selects label{color:#ceccc8}.dialog-heading h2,.about-copy h3{color:#f4f2ee}.dialog-heading .icon-button{background:#34322e;color:#f2f0ec}#preset-selects select{background:#10190b;border-color:#605e5a;color:#f0eeea}.primary-button{background:#dfef56;color:#10170a}.timer-options button{background:#2f2d29;border-color:#605e5a;color:#eceae6}.timer-options button:hover{background:#494743}
@media(max-width:1200px){.wrap{padding-left:34px;padding-right:34px}.intro h1{font-size:70px}.intro-aside{display:none}.intro{padding-top:30px}.console{grid-template-columns:1.4fr 1fr}.day-tabs button{font-size:12px;gap:5px}.day-tabs [data-day] svg{width:18px;height:18px}.genre-feature-copy strong{font-size:25px}.genre-feature{min-height:232px}.preset strong{font-size:11px}.preset .preset-art{width:28px;height:32px}.preset{grid-template-columns:28px 1fr;column-gap:6px}}
@media(max-width:900px){.intro h1{font-size:clamp(48px,7.5vw,68px)}.console{grid-template-columns:1.25fr 1fr;gap:16px;min-height:300px}.day-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.day-tabs button{flex-direction:column;gap:6px;font-size:11px;min-height:67px;white-space:normal;line-height:1.25;padding:7px 4px}.day-tabs [data-day] svg{width:19px;height:19px}.console-guide h2{font-size:28px}.console-guide>p{font-size:14px}.console-guide .console-note{font-size:12px}.night-dial,.now-card:before{width:184px;height:184px;top:20px}.hero-art{width:58px;height:58px;top:83px}.now-info{left:0;right:64px;bottom:4px}.now-info h2{font-size:21px}.now-info>p:not(.micro){font-size:12px}.now-info .micro{font-size:10px}.hero-play{width:50px;height:50px;right:0;bottom:14px}.hero-play svg{width:29px;height:29px}.hero-heart{right:0;top:14px}.genre-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.genre-feature{min-height:230px}.genre-feature-copy strong{font-size:28px}.presets{grid-template-columns:repeat(3,minmax(0,1fr))}.preset{grid-template-columns:36px 1fr;gap:0 9px;min-height:86px;padding:18px 10px 11px}.preset .preset-art{width:34px;height:37px}.preset strong{font-size:13px}.preset small{font-size:11px}.section-heading h2{font-size:26px}}
@media(max-width:640px){.wrap{padding-left:20px;padding-right:20px}.header{height:79px}.header .brand>span{font-size:25px}.brand small{font-size:10px}.intro{padding:27px 0 25px}.intro .eyebrow{font-size:10px;letter-spacing:.08em;margin-bottom:17px}.intro h1{font-size:clamp(45px,11.7vw,65px);white-space:normal;line-height:1.02;max-width:355px}.night-tagline{font-size:15px;line-height:1.5;margin-top:16px}.console{display:flex;flex-direction:column;gap:4px;min-height:0;padding-bottom:20px}.console:before{inset:45px -20px 0;background-position:60% 60%;opacity:.65}.console-step{font-size:10px;margin-bottom:10px}.day-tabs{grid-template-columns:1.2fr repeat(4,minmax(0,1fr));gap:5px}.day-tabs button{font-size:10px;min-height:66px;padding:7px 3px;gap:6px;border-radius:5px}.day-tabs [data-day] svg{width:20px;height:20px}.console-guide{padding:20px 0 0;min-height:148px}.console-guide h2{font-size:28px;margin-bottom:7px}.console-guide>p{font-size:14px;max-width:260px}.console-guide .console-note{font-size:11px;max-width:280px;margin-top:13px;line-height:1.5}.now-card{height:163px;min-height:163px;margin-top:0;overflow:hidden}.night-dial,.now-card:before{width:134px;height:134px;top:6px;left:auto;right:7px;transform:none}.hero-art{position:absolute;width:46px;height:46px;top:50px;left:auto;right:51px;transform:none;border-radius:5px}.now-info{left:0;right:158px;bottom:auto;top:31px}.now-info h2{font-size:21px}.now-info .micro{font-size:10px}.now-info>p:not(.micro){font-size:12px}.hero-play{left:0;right:auto;bottom:5px;width:44px;height:44px}.hero-play svg{width:27px;height:27px}.hero-heart{top:auto;bottom:12px;left:57px;right:auto;width:29px;height:29px}.discover{padding-top:24px}.section-heading .eyebrow{font-size:10px;letter-spacing:.07em}.section-heading h2{font-size:25px;line-height:1.2}.section-heading>.text-button{font-size:12px;white-space:nowrap;max-width:none}.genre-feature-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;padding-bottom:5px}.genre-feature-grid::-webkit-scrollbar{display:none}.genre-feature{min-width:78%;min-height:235px;scroll-snap-align:start}.genre-feature-copy strong{font-size:30px}.genre-feature-copy>span{font-size:13px}.genre-feature-copy small{font-size:12px}.preset-heading{margin-top:23px;padding-top:19px}.preset-heading>.micro{font-size:16px}.preset-heading .text-button{font-size:11px;max-width:120px}.presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.preset{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:119px;padding:23px 8px 10px;text-align:left}.preset .preset-art{width:29px;height:30px;align-self:flex-start;margin:0 0 8px}.preset strong{font-size:12px;line-height:1.3}.preset small{font-size:10px;margin-top:4px}.preset-number{font-size:9px;top:6px;left:7px}.catalog{padding-top:34px}.station-card{background:#161d11}.station-select{min-height:103px}.station-copy strong{font-size:14px}.station-copy small{font-size:12px}.station-card .card-play{width:30px;height:30px}.player{border-radius:8px}.player-inner{min-height:85px;padding:10px 11px;gap:9px}.player-info strong{font-size:16px}.player-info .micro{font-size:10px}.player-info>span:last-child{font-size:11px}.player-play{width:43px;height:43px}.player .timer-button{color:#e1dfdb}.manifesto h2{font-size:23px}.manifesto p{font-size:12px}.footer p{font-size:11px}.footer>.text-button{font-size:12px}}
.console-guide h2,.console-guide>p{text-shadow:0 2px 8px #000}.console-guide .console-note{color:#d7d5d1;background:#0e100dbb;padding:7px 9px;margin-left:-9px;border-radius:4px}
.now-card{background:linear-gradient(0deg,#0e100dba 0%,transparent 65%)}
.night-signal{position:absolute;pointer-events:none;top:55px;left:50%;transform:translateX(-50%);width:228px;height:120px;opacity:.8;z-index:-1}
@media(max-width:900px){.night-signal{top:63px;width:195px;height:100px}}
@media(max-width:640px){.now-info>p:not(.micro){display:none}.now-info{top:35px}.console-guide .console-note{font-size:11px;padding:6px 8px;margin-left:-8px}.night-signal{top:33px;left:auto;right:6px;transform:none;width:138px;height:80px}}


/* Keep saved stations directly below the scenario controls. */
.preset-heading{border-top:0;padding-top:0;margin-top:22px}.discover{border-top:1px solid #353a2e;margin-top:26px;padding-top:26px}
@media(max-width:640px){.preset-heading{margin-top:21px;padding-top:0}.discover{margin-top:23px;padding-top:22px}}