:root {
  color-scheme: dark;
  --bg: #07090b;
  --ink: #f5ead5;
  --muted: #948d82;
  --gold: #edae47;
  --cyan: #46cff2;
  --accent: var(--gold);
  --shadow: 0 28px 90px rgba(0,0,0,.56);
  font-family: Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg);scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;color:var(--ink);background:radial-gradient(circle at 15% 7%,rgba(217,132,31,.09),transparent 30rem),radial-gradient(circle at 86% 78%,rgba(27,146,210,.1),transparent 34rem),linear-gradient(145deg,#0d1013,#06080a 52%,#0a0d10)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ambient{position:fixed;z-index:-1;width:36rem;height:36rem;border-radius:50%;filter:blur(120px);opacity:.06;pointer-events:none}.ambient--one{left:-18rem;top:5rem;background:#e2922f}.ambient--two{right:-18rem;bottom:-7rem;background:#1f9ad2}
.site-head{width:min(1660px,calc(100% - 56px));min-height:82px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:42px;height:42px;object-fit:contain}.brand span{display:grid;gap:2px}.brand b{font:500 .92rem/1.1 Oswald,sans-serif;letter-spacing:.18em}.brand small{color:var(--muted);font-size:.62rem;letter-spacing:.1em}.head-actions{display:flex;align-items:center;gap:16px}.release-mark{color:#827b70;font-size:.66rem;letter-spacing:.13em;text-transform:uppercase}.release-mark i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#e55c3e;box-shadow:0 0 12px #e55c3e}.outline-button{min-height:42px;padding:0 18px;border:1px solid rgba(238,182,91,.28);border-radius:999px;background:rgba(255,255,255,.018);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}.outline-button:hover{border-color:var(--gold);background:rgba(237,174,71,.07)}
.page{width:min(1660px,calc(100% - 56px));margin:8px auto 120px}.station-stack{position:relative;display:grid;gap:40px}.station-panel{--accent:var(--gold);--guide:var(--cyan);--accent-rgb:237,174,71;position:relative;isolation:isolate;min-height:334px;display:grid;grid-template-columns:minmax(282px,22.2%) minmax(0,1fr);overflow:hidden;border:1px solid rgba(var(--accent-rgb),.34);border-radius:22px;background:linear-gradient(105deg,rgba(var(--accent-rgb),.025),transparent 30%),linear-gradient(165deg,rgba(28,29,29,.96),rgba(6,8,10,.985));box-shadow:inset 0 1px rgba(255,255,255,.035),inset 0 0 0 5px rgba(0,0,0,.16),var(--shadow);transition:border-color .75s ease,box-shadow .75s ease,opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.station-panel--light{--accent:var(--cyan);--guide:var(--gold);--accent-rgb:70,207,242;background:linear-gradient(105deg,rgba(16,117,169,.075),transparent 30%),linear-gradient(165deg,rgba(7,22,31,.97),rgba(4,9,13,.99))}.station-panel:not(.is-active){opacity:.8}.station-panel.is-active{border-color:rgba(var(--accent-rgb),.56);box-shadow:inset 0 1px rgba(255,255,255,.05),inset 0 0 0 5px rgba(0,0,0,.15),0 0 0 1px rgba(var(--accent-rgb),.08),0 30px 95px rgba(0,0,0,.6)}.station-panel::after{content:"";position:absolute;z-index:-2;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.009) 3px 4px);opacity:.52}.station-activate{position:absolute;z-index:0;inset:0;border:0;background:transparent;cursor:pointer}.station-panel.is-active .station-activate{pointer-events:none}.station-art,.station-body{position:relative;z-index:1;pointer-events:none}.station-body button,.station-body input,.station-body a{pointer-events:auto}
.station-art{min-height:334px;overflow:hidden;border-right:1px solid rgba(var(--accent-rgb),.35);background:radial-gradient(circle at 50% 50%,rgba(var(--accent-rgb),.13),transparent 34%),radial-gradient(circle at 50% 50%,#17140e,#060708 72%)}.station-panel--light .station-art{background:radial-gradient(circle at 50% 50%,rgba(34,168,232,.14),transparent 35%),radial-gradient(circle at 50% 50%,#071824,#04080b 72%)}.station-art::before,.station-art::after{content:"";position:absolute;left:50%;top:50%;width:78%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(var(--accent-rgb),.22);box-shadow:0 0 28px rgba(var(--accent-rgb),.07),inset 0 0 35px rgba(var(--accent-rgb),.045)}.station-art::after{width:54%;border-color:rgba(var(--accent-rgb),.38);box-shadow:0 0 24px rgba(var(--accent-rgb),.1),inset 0 0 24px rgba(var(--accent-rgb),.08)}.station-rings{position:absolute;inset:-20%;opacity:.52;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 25px,rgba(var(--accent-rgb),.13) 26px 27px),conic-gradient(from 0deg,transparent 0 7deg,rgba(var(--accent-rgb),.16) 8deg 8.5deg,transparent 9deg 22deg);mask-image:radial-gradient(circle,#000 0 52%,transparent 76%);-webkit-mask-image:radial-gradient(circle,#000 0 52%,transparent 76%)}.station-art img{position:absolute;z-index:3;left:50%;top:50%;width:39%;height:39%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 0 18px rgba(var(--accent-rgb),.28))}.station-art img.is-sferoom{width:40%;height:40%;filter:drop-shadow(0 0 18px rgba(255,181,82,.2))}.station-art::selection{background:transparent}
.station-body{min-width:0;display:grid;grid-template-rows:auto 122px auto auto auto;padding:22px 26px 14px}.station-title-row{min-height:52px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-left:22px}.station-title-row>div{min-width:0}.station-title-row h1{margin:0;color:color-mix(in srgb,var(--accent) 84%,#fff);font:400 clamp(2rem,3.2vw,3.35rem)/1 Oswald,sans-serif;letter-spacing:.22em;text-shadow:0 0 18px rgba(var(--accent-rgb),.18)}.station-title-row p{margin:7px 0 0;color:#746f67;font:400 .59rem Oswald,sans-serif;letter-spacing:.16em;text-transform:uppercase}.on-air{display:inline-flex;flex:0 1 auto;align-items:center;gap:7px;max-width:100%;min-height:25px;margin-top:2px;padding:4px 9px;border:1px solid rgba(var(--accent-rgb),.2);border-radius:999px;background:rgba(var(--accent-rgb),.035);color:var(--accent);font:500 .62rem/1 Oswald,sans-serif;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.on-air i{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 9px rgba(var(--accent-rgb),.55)}.station-panel[data-air-state="voice"] .on-air{border-color:rgba(241,90,69,.42);background:rgba(241,90,69,.075);color:#ffd9d2}.station-panel[data-air-state="voice"] .on-air i{background:#f15a45;box-shadow:0 0 12px rgba(241,90,69,.9);animation:pulse 1.45s ease-in-out infinite}.station-panel[data-air-state="test"] .on-air i{animation:none}
.signal{position:relative;height:122px;min-height:122px;margin:2px -26px 0 -18px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.signal::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 44%,rgba(var(--accent-rgb),.018) 50%,transparent 60%)}.signal canvas{display:block;width:100%;height:100%}.signal.is-unavailable::before{content:"";position:absolute;left:4%;right:4%;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),var(--guide),transparent);opacity:.48;box-shadow:0 0 12px rgba(var(--accent-rgb),.3)}
.instrument-rail{min-height:84px;display:grid;grid-template-columns:82px minmax(170px,1.15fr) minmax(230px,1.5fr) auto minmax(150px,.72fr) auto;align-items:center;gap:14px;padding:8px 0 5px;border-top:1px solid rgba(var(--accent-rgb),.19)}.play-button{position:relative;width:68px;height:68px;margin-left:2px;border:1px solid color-mix(in srgb,var(--accent) 80%,#fff);border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.14),rgba(6,8,9,.96) 68%);box-shadow:0 0 0 4px rgba(0,0,0,.25),0 0 24px rgba(var(--accent-rgb),.16),inset 0 0 18px rgba(255,255,255,.025);cursor:pointer;transition:transform .22s ease}.play-button:hover{transform:scale(1.04)}.play-icon{position:absolute;left:50%;top:50%;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid var(--accent);transform:translate(-38%,-50%);filter:drop-shadow(0 0 6px var(--accent))}.station-panel.is-playing .play-icon,.mini-player.is-playing .play-icon{width:16px;height:21px;border:0;background:linear-gradient(90deg,var(--accent) 0 34%,transparent 34% 65%,var(--accent) 65%);transform:translate(-50%,-50%)}.loading-ring{position:absolute;inset:7px;border:2px solid transparent;border-top-color:var(--accent);border-radius:50%;opacity:0}.station-panel.is-loading .loading-ring{opacity:1;animation:spin .8s linear infinite}.station-panel.is-loading .play-icon{opacity:.2}
.track-copy{min-width:0}.track-kicker{display:block;margin-bottom:3px;color:var(--accent);font:500 .54rem Oswald,sans-serif;letter-spacing:.13em;text-transform:uppercase}.track-copy h2{margin:0;overflow:hidden;color:#eee5d7;font:500 clamp(.92rem,1.4vw,1.22rem)/1.15 Oswald,sans-serif;letter-spacing:.055em;text-overflow:ellipsis;white-space:nowrap}.track-copy p{margin:4px 0 0;overflow:hidden;color:#837c72;font-size:.63rem;text-overflow:ellipsis;white-space:nowrap}.timeline{min-width:0;display:grid;grid-template-columns:42px minmax(90px,1fr) 42px;align-items:center;gap:10px;color:#9f978c;font-size:.64rem;font-variant-numeric:tabular-nums}.timeline>span:last-child{text-align:right}.track-line{position:relative;height:3px;border-radius:99px;background:rgba(255,255,255,.13)}.track-line>span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--guide),var(--accent));box-shadow:0 0 10px rgba(var(--accent-rgb),.28)}.track-line i{position:absolute;left:0;top:50%;width:11px;height:11px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);opacity:0}.track-line.has-progress i{opacity:1}
.story-tabs{display:flex;gap:5px}.story-tabs button{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(var(--accent-rgb),.25);border-radius:50%;background:rgba(var(--accent-rgb),.025);cursor:pointer}.story-tabs button:hover,.story-tabs button.is-active{border-color:var(--accent);background:rgba(var(--accent-rgb),.1)}.story-tabs span{font-size:.95rem;color:var(--accent)}.story-tabs small{display:none}.volume-control{min-height:48px;display:flex;align-items:center;gap:9px;padding:0 8px}.volume-control>span:not(.sr-only){font-size:.78rem;color:var(--accent)}.volume-control input{width:100%;min-width:90px;accent-color:var(--accent);cursor:pointer}.vote-cluster{display:flex;align-items:center;gap:5px}.vote-cluster button{min-width:46px;height:48px;border:0;border-left:1px solid rgba(var(--accent-rgb),.22);background:transparent;color:var(--accent);cursor:pointer}.vote-cluster button:hover,.vote-cluster button.is-voted{background:rgba(var(--accent-rgb),.08)}.vote-cluster button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.vote-cluster button small{display:none}.vote-cluster b{min-width:30px;text-align:center;font:500 .68rem Oswald,sans-serif}
.station-actions{min-height:34px;display:flex;align-items:center;gap:8px;padding-left:82px}.station-actions button{min-height:32px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid rgba(var(--accent-rgb),.16);border-radius:999px;background:transparent;color:#8f887d;cursor:pointer}.station-actions button:hover:not(:disabled),.station-actions button.is-voted{border-color:var(--accent);color:#eee5d7;background:rgba(var(--accent-rgb),.07)}.station-actions button:disabled{opacity:.42;cursor:not-allowed}.station-actions button>b{font:500 .62rem Oswald,sans-serif;letter-spacing:.07em;text-transform:uppercase}.station-actions button>small{font-size:.53rem;color:#706a62}.station-actions button>span{color:var(--accent)}.listeners{margin-left:auto;color:#938c81;font-size:.61rem}.listeners>span:first-child{color:var(--accent)}.status-line{min-height:16px;margin:2px 0 0;padding-left:82px;color:#68645e;font-size:.57rem}.status-line.is-error{color:#ff947b}
.element-bridge{position:absolute;z-index:8;left:50%;top:calc(50% - 28px);width:64px;height:64px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(239,184,89,.52);border-radius:50%;background:radial-gradient(circle,#15212a 0,#090b0d 66%);box-shadow:0 0 0 5px #07090b,0 0 24px rgba(72,201,236,.12),0 0 24px rgba(238,164,58,.12);cursor:pointer}.element-bridge::before,.element-bridge::after{content:"";position:absolute;top:50%;width:clamp(100px,18vw,330px);height:1px}.element-bridge::before{right:100%;background:linear-gradient(90deg,transparent,#d99230)}.element-bridge::after{left:100%;background:linear-gradient(90deg,#45c9ef,transparent)}.element-bridge span{font-size:1.35rem;color:transparent;background:linear-gradient(#e9a53e,#ebd6a4 47%,#46c9ed 53%,#46c9ed);background-clip:text;-webkit-background-clip:text}.element-bridge small{display:none}
.stage-drawer{margin:18px 0 0}.track-info-panel{position:relative;overflow:hidden;border:1px solid rgba(228,171,75,.26);border-radius:16px;background:linear-gradient(145deg,rgba(25,20,13,.88),rgba(5,12,16,.92));box-shadow:inset 0 1px rgba(255,255,255,.025)}.track-info-head{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 16px 12px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.track-info-head span{color:var(--gold);font:500 .58rem Oswald,sans-serif;letter-spacing:.14em;text-transform:uppercase}.track-info-head h2{margin:3px 0 0;font:500 1.08rem Oswald,sans-serif;letter-spacing:.06em;text-transform:uppercase}.track-info-head button{width:44px;height:44px;border:1px solid rgba(255,255,255,.09);border-radius:50%;background:rgba(255,255,255,.02);color:#9d9589;cursor:pointer;font-size:1.35rem}.track-info-body{max-height:min(42vh,390px);overflow:auto;padding:18px 20px;color:#c9c0b2;font-size:.84rem;line-height:1.72;white-space:pre-wrap}.track-info-panel.is-lyrics .track-info-body{line-height:1.85}.more-button{width:100%;min-height:46px;margin-top:12px;border:1px solid rgba(221,165,75,.18);border-radius:12px;background:rgba(255,255,255,.012);cursor:pointer;color:#938b80;font:400 .67rem Oswald,sans-serif;letter-spacing:.13em;text-transform:uppercase}.more-button:hover{border-color:var(--gold);color:var(--ink)}.more-panel{padding:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border:1px solid rgba(221,165,75,.14);border-top:0;border-radius:0 0 12px 12px;background:rgba(0,0,0,.2)}.more-panel a,.more-panel button{min-height:46px;display:flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.02);color:#bdb4a6;text-decoration:none;cursor:pointer;font-size:.68rem;text-align:center}
.mini-player{position:fixed;z-index:30;left:22px;right:22px;bottom:max(18px,env(safe-area-inset-bottom));width:min(1040px,calc(100% - 44px));min-height:76px;margin:auto;padding:8px;display:grid;grid-template-columns:58px minmax(0,1fr) 56px 44px;align-items:center;gap:12px;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);border-radius:16px;background:rgba(9,12,14,.92);box-shadow:0 16px 60px rgba(0,0,0,.65);backdrop-filter:blur(18px)}body[data-wave="light"] .mini-player{--accent:var(--cyan)}.mini-player img{width:58px;height:58px;object-fit:contain;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:10px;background:#070809}.mini-player>div{min-width:0;display:grid;gap:2px}.mini-player>div span{color:var(--accent);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}.mini-player>div b,.mini-player>div small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-player>div b{font:500 .86rem Oswald,sans-serif;letter-spacing:.05em;text-transform:uppercase}.mini-player>div small{color:var(--muted);font-size:.62rem}.mini-player>button{position:relative;height:48px;border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);border-radius:50%;background:rgba(255,255,255,.02);cursor:pointer}.mini-player>button:last-child{border-radius:9px}.mini-player .play-icon{border-top-width:8px;border-bottom-width:8px;border-left-width:12px;border-left-color:var(--accent)}.mini-player.is-playing .play-icon{width:13px;height:17px;background:linear-gradient(90deg,var(--accent) 0 36%,transparent 36% 64%,var(--accent) 64%)}
.modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:24px}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(470px,100%);padding:34px;border:1px solid rgba(221,165,75,.48);border-radius:18px;background:linear-gradient(150deg,#1b1b19,#0c0d0d);box-shadow:var(--shadow)}.modal-close{position:absolute;right:12px;top:10px;width:42px;height:42px;border:0;background:transparent;color:var(--muted);font-size:1.7rem;cursor:pointer}.modal-kicker{color:var(--gold);font:500 .7rem Oswald,sans-serif;letter-spacing:.14em;text-transform:uppercase}.modal-card h2{margin:11px 0 13px;font:500 1.6rem Oswald,sans-serif;letter-spacing:.04em}.modal-card p{margin:0;color:#beb4a4;line-height:1.65;font-size:.9rem}.modal-ok{width:100%;min-height:48px;margin-top:24px;border:1px solid var(--gold);border-radius:9px;background:rgba(221,165,75,.1);cursor:pointer}
@keyframes pulse{0%,100%{opacity:.42;transform:scale(.8)}50%{opacity:1;transform:scale(1.14)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1180px){.page,.site-head{width:min(100% - 32px,1040px)}.station-panel{grid-template-columns:240px minmax(0,1fr)}.station-body{padding-inline:18px}.signal{margin-inline:-14px -18px}.instrument-rail{grid-template-columns:72px minmax(130px,1fr) minmax(170px,1.1fr) auto minmax(120px,.7fr)}.vote-cluster{display:none}.station-actions{padding-left:72px}.status-line{padding-left:72px}.story-tabs button{width:42px;height:42px}}
@media(max-width:1100px){.site-head{min-height:70px}.release-mark{display:none}.page{margin-top:2px}.station-stack{gap:16px}.station-panel{min-height:116px;grid-template-columns:112px minmax(0,1fr);border-radius:17px;transition:max-height .42s cubic-bezier(.2,.8,.2,1),opacity .3s ease;contain:layout paint}.station-panel:not(.is-active){max-height:116px}.station-panel.is-active{max-height:760px}.station-art{min-height:116px;height:100%;border-radius:16px 42% 42% 16px/16px 50% 50% 16px}.station-art::before{width:82%}.station-art::after{width:58%}.station-art img{width:44%;height:44%}.station-body{min-height:116px;grid-template-rows:auto 84px auto auto auto;padding:14px 14px 10px}.station-panel:not(.is-active) .station-body{grid-template-rows:auto 44px}.station-panel:not(.is-active) .instrument-rail,.station-panel:not(.is-active) .station-actions,.station-panel:not(.is-active) .status-line{display:none}.station-panel:not(.is-active) .signal{min-height:44px;height:44px;opacity:.46}.station-title-row{min-height:42px;padding-left:5px}.station-title-row h1{font-size:clamp(1.55rem,6vw,2.25rem)}.station-title-row p{display:none}.on-air{font-size:.52rem}.signal{height:84px;min-height:84px;margin:0 -14px 2px -8px}.instrument-rail{min-height:0;grid-template-columns:70px minmax(0,1fr);grid-template-areas:"play copy" "timeline timeline" "stories stories" "volume volume";gap:7px 12px;padding:10px 0 4px}.play-button{grid-area:play;width:64px;height:64px}.track-copy{grid-area:copy}.timeline{grid-area:timeline;grid-template-columns:42px minmax(0,1fr) 42px}.story-tabs{grid-area:stories}.volume-control{grid-area:volume}.vote-cluster{display:none}.station-actions{padding-left:0;flex-wrap:wrap}.station-actions button{flex:1 1 auto;justify-content:center}.station-actions button>small{display:none}.listeners{display:inline-flex;flex-basis:100%;align-items:center;justify-content:center;gap:4px;min-height:22px;margin-left:0;border-top:1px solid rgba(var(--accent-rgb),.1)}.status-line{padding-left:0;text-align:center}.element-bridge{position:relative;left:50%;top:auto;width:48px;height:48px;margin:-8px 0;transform:translateX(-50%)}.element-bridge::before,.element-bridge::after{width:min(28vw,180px)}.more-panel{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.site-head{width:calc(100% - 22px);min-height:62px}.brand b{font-size:.78rem}.brand img{width:38px;height:38px}.brand small{display:none}.outline-button{width:42px;padding:0;font-size:0}.outline-button span{font-size:1rem}.page{width:calc(100% - 18px);margin-bottom:95px}.station-panel{grid-template-columns:94px minmax(0,1fr)}.station-panel:not(.is-active){max-height:102px}.station-art{min-height:102px}.station-body{min-height:102px;padding:11px 10px 8px}.station-title-row h1{font-size:clamp(1.35rem,7vw,1.9rem);letter-spacing:.15em}.station-title-row{gap:8px}.on-air{font-size:.49rem;letter-spacing:.07em}.on-air i{width:5px;height:5px}.signal{margin-inline:-6px -10px}.instrument-rail{grid-template-columns:62px minmax(0,1fr)}.play-button{width:58px;height:58px}.track-copy h2{font-size:.9rem}.track-copy p{font-size:.56rem}.story-tabs button{width:42px;height:42px}.volume-control{padding:0}.volume-control input{min-width:70px}.station-actions{gap:5px}.station-actions button{padding-inline:7px}.station-actions button>b{font-size:.55rem}.more-panel{grid-template-columns:1fr}.mini-player{left:7px;right:7px;bottom:max(7px,env(safe-area-inset-bottom));width:calc(100% - 14px);grid-template-columns:48px minmax(0,1fr) 48px 42px;gap:7px;min-height:64px}.mini-player img{width:48px;height:48px}.mini-player>button{height:44px}.modal-card{padding:28px 24px 24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* The angular SFEROOM mark has more transparent space than the circular Grana
   monogram, so its optical box must be larger to read at the same weight. */
.station-art img.is-sferoom{width:46%;height:46%}
@media(max-width:1100px){.station-art img.is-sferoom{width:55%;height:55%}}

/* Final whole-console geometry: the artwork is a medallion cut into the body,
   not a rectangular table column. The bridge sits in the actual inter-panel gap. */
@media(min-width:1101px){
  .station-art{border-radius:20px 46% 46% 20px/20px 50% 50% 20px;box-shadow:8px 0 22px rgba(var(--accent-rgb),.08)}
  .element-bridge{top:50%}
}

/* Keep the full two-console instrument readable on common 1280×800 laptops. */
@media(min-width:1101px) and (max-height:840px){
  .site-head{min-height:68px}
  .page{margin-top:2px}
  .station-stack{gap:30px}
  .station-panel,.station-art{min-height:304px}
  .station-body{grid-template-rows:auto 94px auto auto auto;padding-block:13px 9px}
  .signal{height:94px;min-height:94px}
  .instrument-rail{min-height:72px;padding-block:3px}
  .play-button{width:62px;height:62px}
  .station-actions{min-height:30px}
  .status-line{margin-top:0}
  .element-bridge{width:46px;height:46px}
}

/* Real finger targets, including the range track, stay at least 44 px high. */
.outline-button{min-height:44px}
@media(max-width:1100px){
  .station-actions button{min-height:44px}
  .volume-control,.volume-control input{min-height:44px;height:44px}
  .status-line{min-height:28px}
}
@media(max-width:480px){.outline-button{width:44px;min-width:44px}}
@media(max-width:1100px){.story-tabs button{flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px}}
@media(max-width:480px){.on-air{padding-inline:6px}.on-air [data-role="air-label"]{font-size:0}.station-panel[data-air-state="voice"] .on-air [data-role="air-label"]::after{content:"LIVE · ГОЛОС";font-size:.46rem}.station-panel[data-air-state="music"] .on-air [data-role="air-label"]::after{content:"ЭФИР";font-size:.46rem}.station-panel[data-air-state="ready"] .on-air [data-role="air-label"]::after{content:"24/7";font-size:.46rem}.station-panel[data-air-state="test"] .on-air [data-role="air-label"]::after{content:"ТЕСТ";font-size:.46rem}}
@media(min-width:481px) and (max-width:1100px){.station-panel{grid-template-columns:clamp(150px,22vw,220px) minmax(0,1fr)}.station-art img{width:48%;height:48%}.station-art img.is-sferoom{width:52%;height:52%}}

/* Private live visualizer tuning panel, enabled only by ?tuner=1. */
.rg-tuner{--tuner-accent:#efb65b;position:fixed;z-index:140;top:12px;right:12px;width:min(370px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:hidden;border:1px solid rgba(239,182,91,.48);border-radius:18px;background:linear-gradient(155deg,rgba(27,25,22,.97),rgba(6,11,14,.98));box-shadow:0 24px 80px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.055);backdrop-filter:blur(20px);color:#eee5d7}.rg-tuner__head{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px 11px 18px;border-bottom:1px solid rgba(255,255,255,.075)}.rg-tuner__head span{display:block;color:var(--tuner-accent);font:500 .57rem Oswald,sans-serif;letter-spacing:.17em;text-transform:uppercase}.rg-tuner__head h2{margin:3px 0 0;font:500 1.08rem Oswald,sans-serif;letter-spacing:.08em;text-transform:uppercase}.rg-tuner__collapse{flex:0 0 44px;width:44px;height:44px;border:1px solid rgba(239,182,91,.3);border-radius:50%;background:rgba(239,182,91,.06);color:var(--tuner-accent);cursor:pointer;font-size:1.25rem}.rg-tuner__body{max-height:calc(100vh - 94px);overflow:auto;padding:14px 16px 18px;scrollbar-color:rgba(239,182,91,.4) transparent;scrollbar-width:thin}.rg-tuner.is-collapsed{width:248px}.rg-tuner.is-collapsed .rg-tuner__body{display:none}.rg-tuner__intro{margin:0 0 12px;color:#aaa195;font-size:.72rem;line-height:1.55}.rg-tuner__waves{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px}.rg-tuner__waves button,.rg-tuner__actions button{min-height:44px;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:rgba(255,255,255,.025);color:#cfc5b6;cursor:pointer;font:500 .63rem Oswald,sans-serif;letter-spacing:.04em}.rg-tuner__waves button:first-child{border-color:rgba(239,182,91,.36);color:#efb65b}.rg-tuner__waves button:last-child{border-color:rgba(70,207,242,.36);color:#63d6f4}.rg-tuner__controls h3{position:sticky;z-index:1;top:-14px;margin:12px -16px 5px;padding:10px 16px 7px;background:rgba(10,13,14,.96);color:#d8a653;font:500 .61rem Oswald,sans-serif;letter-spacing:.13em;text-transform:uppercase}.rg-tuner__controls h3:first-child{margin-top:0}.rg-tuner__row{display:block;padding:8px 0 9px;border-bottom:1px solid rgba(255,255,255,.045)}.rg-tuner__label{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.rg-tuner__label b{font:500 .72rem Manrope,sans-serif}.rg-tuner__label output{min-width:38px;color:var(--tuner-accent);font:500 .7rem Oswald,sans-serif;text-align:right;font-variant-numeric:tabular-nums}.rg-tuner__row small{display:block;margin:2px 0 4px;color:#79736b;font-size:.58rem;line-height:1.35}.rg-tuner__row input{width:100%;height:28px;margin:0;accent-color:var(--tuner-accent);cursor:pointer}.rg-tuner__actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:7px;margin-top:14px}.rg-tuner__actions button.is-primary{border-color:rgba(239,182,91,.56);background:rgba(239,182,91,.11);color:#f2c77d}.rg-tuner__code-label{display:block;margin:14px 0 5px;color:#8c8478;font-size:.58rem}.rg-tuner__code{width:100%;resize:vertical;border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:8px;background:#06090b;color:#b9dce7;font:500 .61rem/1.4 Consolas,monospace}.rg-tuner__status{min-height:18px;margin:7px 0 0;color:#8d8579;font-size:.6rem;line-height:1.4}
@media(max-width:600px){.rg-tuner{top:auto;right:6px;bottom:max(6px,env(safe-area-inset-bottom));width:calc(100vw - 12px);max-height:72vh;border-radius:16px}.rg-tuner__body{max-height:calc(72vh - 68px);padding-bottom:max(18px,env(safe-area-inset-bottom))}.rg-tuner.is-collapsed{width:230px}.has-rg-tuner .mini-player{bottom:82px}}

/* Reference console — the artwork, signal field and controls form one instrument. */
.signal-tools{display:none}
.public-grid-fab{display:none}
.public-grid-icon{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.public-grid-link,.public-grid-fab{position:relative;isolation:isolate;overflow:hidden;border-color:rgba(238,182,91,.72)!important;background:linear-gradient(135deg,rgba(239,184,92,.22),rgba(239,184,92,.05))!important;box-shadow:0 0 0 1px rgba(239,184,92,.08),0 0 24px rgba(239,184,92,.22);color:#fff0cf!important;text-decoration:none}
.public-grid-link::before,.public-grid-fab::before{content:"";position:absolute;z-index:-1;inset:-1px;border-radius:inherit;background:radial-gradient(circle at 50% 50%,rgba(255,220,148,.3),transparent 62%);animation:public-grid-glow 2.4s ease-in-out infinite}
.public-grid-link:hover,.public-grid-link:focus-visible,.public-grid-fab:hover,.public-grid-fab:focus-visible{border-color:#ffe0a4!important;box-shadow:0 0 0 3px rgba(239,184,92,.22),0 0 32px rgba(239,184,92,.42)}
.public-grid-link:focus-visible,.public-grid-fab:focus-visible{outline:2px solid #fff0cf;outline-offset:3px}
@keyframes public-grid-glow{0%,100%{opacity:.28;transform:scale(.88)}50%{opacity:1;transform:scale(1.14)}}

@media(min-width:1101px){
  .site-head{display:none}
  .public-grid-fab{position:fixed;z-index:50;top:20px;right:28px;display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 18px;border:1px solid rgba(238,182,91,.42);border-radius:999px;font:500 .72rem/1 Oswald,sans-serif;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(12px)}
  body{padding-top:89px}
  .page{width:min(1666px,calc(100% - 56px));margin:0 auto}
  .station-stack{gap:40px}
  .station-panel,.station-art{height:338px;min-height:338px}
  .station-panel{grid-template-columns:376px minmax(0,1fr);border-radius:22px;opacity:1!important;background:linear-gradient(106deg,rgba(var(--accent-rgb),.035),transparent 29%),linear-gradient(165deg,rgba(24,24,23,.985),rgba(5,7,8,.994));box-shadow:inset 0 1px rgba(255,255,255,.045),inset 0 0 0 1px rgba(0,0,0,.75),0 24px 74px rgba(0,0,0,.56)}
  .station-panel--light{background:linear-gradient(106deg,rgba(17,132,186,.09),transparent 29%),linear-gradient(165deg,rgba(5,23,33,.99),rgba(3,8,11,.996))}
  .station-art{height:338px;border-radius:21px 0 0 21px;clip-path:polygon(0 0,100% 0,99.6% 5%,98.8% 10%,97.5% 15%,96% 20%,94.2% 25%,92.4% 30%,90.8% 35%,89.5% 40%,88.7% 45%,88.5% 50%,88.7% 55%,89.5% 60%,90.8% 65%,92.4% 70%,94.2% 75%,96% 80%,97.5% 85%,98.8% 90%,99.6% 95%,100% 100%,0 100%);border-right-color:rgba(var(--accent-rgb),.42);filter:drop-shadow(1px 0 rgba(var(--accent-rgb),.38));box-shadow:11px 0 28px rgba(var(--accent-rgb),.075)}
  @supports (clip-path:path("M0 0H376V338H0Z")){.station-art{clip-path:path("M0 0 H376 C376 82 333 108 333 169 C333 230 376 256 376 338 H0 Z")}}
  .station-art{background:linear-gradient(90deg,transparent 49.82%,rgba(var(--accent-rgb),.18) 50%,transparent 50.18%),linear-gradient(0deg,transparent 49.82%,rgba(var(--accent-rgb),.20) 50%,transparent 50.18%),radial-gradient(circle at 50% 50%,rgba(var(--accent-rgb),.13),transparent 34%),radial-gradient(circle at 50% 50%,#17140e,#060708 72%)}
  .station-panel--light .station-art{background:linear-gradient(90deg,transparent 49.82%,rgba(var(--accent-rgb),.20) 50%,transparent 50.18%),linear-gradient(0deg,transparent 49.82%,rgba(var(--accent-rgb),.22) 50%,transparent 50.18%),radial-gradient(circle at 50% 50%,rgba(34,168,232,.16),transparent 35%),radial-gradient(circle at 50% 50%,#071824,#04080b 72%)}
  .station-rings{opacity:.64;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 14px,rgba(var(--accent-rgb),.105) 15px 16px),repeating-conic-gradient(from 0deg,transparent 0 5.6deg,rgba(var(--accent-rgb),.14) 5.8deg 6deg,transparent 6.2deg 14deg)}
  .station-rings::after{content:"";position:absolute;z-index:2;left:55%;top:50%;width:40%;height:1px;background:linear-gradient(90deg,rgba(var(--accent-rgb),.3),var(--accent));box-shadow:0 0 9px rgba(var(--accent-rgb),.45)}
  .station-art img{width:39%;height:39%}
  .station-art img.is-sferoom{width:36%;height:36%}
  .station-body{height:338px;display:block;padding:0;overflow:visible}
  .station-body::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(ellipse 33% 48% at 48% 38%,rgba(218,112,14,.07),transparent 72%),linear-gradient(105deg,rgba(255,255,255,.018),transparent 42%);mix-blend-mode:screen}
  .station-panel--light .station-body::before{background:radial-gradient(ellipse 42% 52% at 52% 40%,rgba(14,132,197,.10),transparent 72%),linear-gradient(105deg,rgba(52,177,226,.025),transparent 44%)}
  .station-title-row{position:absolute;z-index:5;left:56px;top:34px;min-height:45px;display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:0}
  .station-title-row>div{display:flex;align-items:center;gap:14px}
  .station-title-row h1{font-size:3.02rem;letter-spacing:.235em}
  .station-title-row p{display:none}
  .on-air{margin:2px 0 0;font-size:.61rem;letter-spacing:.095em}
  .on-air i{width:7px;height:7px}
  .station-panel--light .on-air{font-size:.55rem}
  .station-panel--light .on-air i{background:var(--cyan);box-shadow:0 0 10px rgba(70,207,242,.58);animation:none;opacity:.72}
  .signal-tools{position:absolute;z-index:7;right:28px;top:38px;display:flex;align-items:center;gap:18px}
  .signal-tool-toggle{width:96px;height:43px;display:grid;place-items:center;padding:0;border:1px solid rgba(var(--accent-rgb),.72);border-radius:999px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.065),rgba(0,0,0,.12));box-shadow:inset 0 0 18px rgba(var(--accent-rgb),.05),0 0 17px rgba(var(--accent-rgb),.06);cursor:pointer}
  .signal-tools svg{width:54px;height:25px;fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(var(--accent-rgb),.5))}
  .record-button{position:relative;width:37px;height:37px;padding:0;border:1px solid rgba(var(--accent-rgb),.27);border-radius:50%;background:rgba(0,0,0,.18);box-shadow:inset 0 0 13px rgba(0,0,0,.55);cursor:pointer}
  .record-button::before{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;background:#ef523f;box-shadow:0 0 9px rgba(239,82,63,.55);transform:translate(-50%,-50%);transition:transform .18s ease,box-shadow .18s ease}
  .record-button:hover::before,.record-button:focus-visible::before{box-shadow:0 0 15px rgba(239,82,63,.9);transform:translate(-50%,-50%) scale(1.12)}
  .signal{position:absolute;z-index:2;left:-44px;right:0;top:77px;width:auto;height:186px;min-height:186px;margin:0;overflow:visible;mask-image:linear-gradient(90deg,#000 0,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 97%,transparent)}
  .signal::after{background:linear-gradient(180deg,transparent 48%,rgba(var(--accent-rgb),.025) 50%,transparent 53%)}
  .instrument-rail{position:absolute;z-index:6;left:0;right:0;bottom:1px;height:105px;min-height:105px;display:grid;grid-template-columns:106px minmax(250px,1fr) 176px minmax(190px,238px) minmax(160px,190px);grid-template-rows:105px;align-items:center;gap:0;min-width:0;padding:0;overflow:hidden;border-top:1px solid rgba(var(--accent-rgb),.22);background:linear-gradient(180deg,rgba(7,8,8,.94),rgba(4,6,7,.99));box-shadow:0 -8px 22px rgba(0,0,0,.2)}
  .play-button{grid-column:1;grid-row:1;width:90px;height:90px;margin:0 auto;border-width:1px;box-shadow:0 0 0 4px rgba(0,0,0,.34),0 0 25px rgba(var(--accent-rgb),.17),inset 0 0 22px rgba(var(--accent-rgb),.06)}
  .play-icon{border-top-width:14px;border-bottom-width:14px;border-left-width:22px}
  .station-panel.is-playing .play-icon{width:21px;height:29px}
  .track-copy{grid-column:2;grid-row:1;align-self:start;margin:17px 24px 0 14px}
  .track-kicker{display:none}
  .track-copy h2{font-size:1.05rem;color:var(--accent);letter-spacing:.025em}
  .track-copy p{margin-top:4px;font-size:.69rem;letter-spacing:.04em}
  .timeline{grid-column:2;grid-row:1;align-self:end;margin:0 24px 13px 14px;grid-template-columns:48px minmax(100px,1fr) 48px;gap:12px;font-size:.68rem}
  .track-line{height:2px;background:rgba(255,255,255,.19)}
  .track-line i{width:14px;height:14px;opacity:1}
  .story-tabs{grid-column:3;grid-row:1;align-self:stretch;display:flex!important;align-items:center;justify-content:center;gap:14px;border-left:1px solid rgba(var(--accent-rgb),.13)}
  .story-tabs button{width:47px;height:47px;flex:0 0 47px;border-color:rgba(var(--accent-rgb),.47);background:rgba(0,0,0,.12)}
  .story-tabs button.is-pending{opacity:.82;border-color:rgba(var(--accent-rgb),.34)}
  .story-tabs span{font-size:1.12rem}
  .volume-control{grid-column:4;grid-row:1;align-self:stretch;gap:15px;padding:0 27px;border-left:1px solid rgba(var(--accent-rgb),.13)}
  .volume-control>span:not(.sr-only){font-size:1.05rem}
  .volume-control input{min-width:0}
  .vote-cluster:not([hidden]){grid-column:5;grid-row:1;align-self:stretch;display:grid!important;grid-template-columns:1fr 1fr;gap:0;border-left:1px solid rgba(var(--accent-rgb),.13)}
  .vote-cluster button{position:relative;width:100%;height:105px;display:grid;grid-template-rows:60px 22px;place-items:center;padding:10px 0 6px;border:0;background:transparent}
  .vote-cluster button+button{border-left:1px solid rgba(var(--accent-rgb),.16)}
  .vote-cluster button svg{width:48px;height:48px;padding:11px;border:1px solid rgba(var(--accent-rgb),.55);border-radius:50%}
  .vote-cluster button b{display:block;color:var(--accent);font-size:.74rem;font-weight:500}
  .rating-net{display:none}
  .status-line,.element-bridge{display:none}
  .station-actions{position:absolute;z-index:9;right:25px;top:91px;min-height:42px;display:flex;padding:5px 7px;border:1px solid rgba(var(--accent-rgb),.24);border-radius:999px;background:rgba(5,7,8,.93);box-shadow:0 12px 35px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(-5px);pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s}
  .station-panel.is-tools-open .station-actions{opacity:1;visibility:visible;transform:none;pointer-events:auto}
  .station-actions button{min-height:36px}
  .more-button,.more-panel{display:none!important}
}
@media(min-width:1101px) and (max-width:1400px){
  body{padding-top:38px}
  .public-grid-fab{top:416px}
  .page{width:calc(100% - 56px);margin-top:0}
  .station-panel,.station-art,.station-body{height:306px;min-height:306px}
  .station-panel{grid-template-columns:282px minmax(0,1fr)}
  @supports (clip-path:path("M0 0H282V306H0Z")){.station-art{clip-path:path("M0 0 H282 C282 74 249 98 249 153 C249 208 282 232 282 306 H0 Z")}}
  .instrument-rail{height:94px;min-height:94px;grid-template-columns:88px minmax(190px,1fr) 138px minmax(150px,174px) minmax(126px,142px);grid-template-rows:94px}
  .signal{left:-33px;top:68px;height:174px;min-height:174px}
  .station-title-row{left:43px;top:29px}.station-title-row h1{font-size:2.45rem}
  .signal-tools{right:20px;top:28px;transform:scale(.88);transform-origin:right top}
  .play-button{width:76px;height:76px}
  .track-copy{margin-top:14px}.track-copy h2{font-size:.92rem}
  .timeline{margin-bottom:11px}
  .story-tabs{gap:8px}.story-tabs button{width:43px;height:43px;flex-basis:43px}
  .volume-control{padding-inline:19px}
  .vote-cluster button{height:94px}
}
@media(max-width:1180px) and (min-width:1101px){
  .instrument-rail{grid-template-columns:82px minmax(174px,1fr) 132px minmax(142px,160px) 124px}
  .story-tabs{gap:5px}.story-tabs button{width:40px;height:40px;flex-basis:40px}
  .volume-control{padding-inline:14px}
}
@media(max-width:1100px){
  body{padding-top:0}
  .site-head{display:flex}
  .page{margin-top:2px}
  .station-body{display:grid;overflow:visible}
  .signal-tools{position:absolute;z-index:8;right:9px;top:58px;display:flex;transform:none}
  .signal-tool-toggle{display:none}
  .record-button{position:relative;width:34px;height:34px;padding:0;border:1px solid rgba(var(--accent-rgb),.28);border-radius:50%;background:rgba(0,0,0,.22);box-shadow:inset 0 0 11px rgba(0,0,0,.5);cursor:pointer}
  .record-button::before{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;background:#ef523f;box-shadow:0 0 8px rgba(239,82,63,.56);transform:translate(-50%,-50%)}
  .station-rings::after{content:none}
  .station-actions,.status-line{display:flex}
  .status-line{display:block}
  .element-bridge{display:grid}
  .station-panel.is-active .station-art img,.station-panel.is-active .station-art::before,.station-panel.is-active .station-art::after{top:95px}
  .station-panel.is-active .station-rings::after{content:"";position:absolute;z-index:2;left:55%;top:calc(95px + 14.285%);width:46%;height:1px;background:linear-gradient(90deg,rgba(var(--accent-rgb),.28),var(--accent));box-shadow:0 0 8px rgba(var(--accent-rgb),.42)}
  .instrument-rail{grid-template-areas:"play copy" "timeline timeline" "stories stories" "volume volume" "votes votes"}
  .story-tabs{justify-content:flex-start;min-width:144px}
  .volume-control{width:100%}
  .vote-cluster:not([hidden]){grid-area:votes;display:grid!important;grid-template-columns:1fr 1fr;width:100%;border-top:1px solid rgba(var(--accent-rgb),.13)}
  .rating-net{display:none!important}
  .vote-cluster button{height:58px;display:flex;align-items:center;justify-content:center;gap:10px;border-left:0}
  .vote-cluster button+button{border-left:1px solid rgba(var(--accent-rgb),.13)}
  .vote-cluster button b{display:block;color:var(--accent)}
}

/* One clearly visible route to the detailed planned grid on phones.  The desktop
   route is the fixed CTA above; this header route never overlaps the player. */
@media(max-width:1100px){.head-actions{gap:8px}.public-grid-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:132px;min-height:48px;padding:0 13px;font-size:.65rem;white-space:nowrap}.public-grid-link .public-grid-icon{width:18px;height:18px;flex-basis:18px}.head-actions [data-role="air-plan"]{display:none}}
@media(max-width:480px){.site-head{gap:8px}.public-grid-link{width:auto!important;min-width:112px!important;padding-inline:10px!important;font-size:.58rem!important}.public-grid-link span{font-size:inherit!important}.public-grid-link .public-grid-icon{width:17px!important;height:17px!important;flex-basis:17px!important}}
@media(max-width:320px){.site-head{width:calc(100% - 16px)}.brand b{letter-spacing:.09em}.public-grid-link{min-width:104px!important;padding-inline:8px!important;letter-spacing:.065em!important}.public-grid-link span{font-size:0!important}.public-grid-link span::after{content:"План";font-size:.61rem}}
@media(prefers-reduced-motion:reduce){.public-grid-link::before,.public-grid-fab::before{animation:none;opacity:.55}}

/* Two-stage console: the selected station keeps the reference-sized instrument,
   while the other station becomes a single row lit by the hidden signal below. */
@keyframes hidden-signal-light{
  0%,100%{opacity:.32;transform:translate3d(-2%,12px,0) scaleX(.94)}
  38%{opacity:.68;transform:translate3d(2%,-2px,0) scaleX(1.035)}
  72%{opacity:.46;transform:translate3d(-1%,5px,0) scaleX(.985)}
}
.station-panel:not(.is-active){
  height:88px!important;
  min-height:88px!important;
  max-height:88px!important;
  grid-template-columns:96px minmax(0,1fr)!important;
  opacity:.94!important;
  overflow:hidden;
  transition:height .48s cubic-bezier(.2,.8,.2,1),max-height .48s cubic-bezier(.2,.8,.2,1),border-color .42s ease,box-shadow .42s ease,opacity .32s ease!important;
}
.station-panel:not(.is-active)::before{
  content:"";
  position:absolute;
  z-index:0;
  left:5%;
  right:1%;
  bottom:-44px;
  height:92px;
  pointer-events:none;
  background:
    radial-gradient(ellipse 27% 92% at 16% 100%,rgba(var(--accent-rgb),.58),transparent 72%),
    radial-gradient(ellipse 34% 110% at 49% 110%,color-mix(in srgb,var(--guide) 42%,transparent),transparent 74%),
    radial-gradient(ellipse 30% 98% at 78% 102%,rgba(var(--accent-rgb),.5),transparent 73%),
    radial-gradient(ellipse 20% 88% at 98% 110%,color-mix(in srgb,var(--guide) 30%,transparent),transparent 72%);
  filter:blur(18px);
  transform-origin:50% 100%;
  animation:hidden-signal-light 5.8s ease-in-out infinite;
}
.station-panel:not(.is-active) .station-art{
  height:88px!important;
  min-height:88px!important;
  border-radius:21px 34px 34px 21px!important;
  clip-path:none!important;
  filter:none!important;
  box-shadow:8px 0 22px rgba(var(--accent-rgb),.075)!important;
}
.station-panel:not(.is-active) .station-rings{inset:-48%;opacity:.34}
.station-panel:not(.is-active) .station-art::before{width:76%;opacity:.62}
.station-panel:not(.is-active) .station-art::after{width:51%;opacity:.72}
.station-panel:not(.is-active) .station-art img,
.station-panel:not(.is-active) .station-art img.is-sferoom{
  top:50%!important;
  width:45px!important;
  height:45px!important;
}
.station-panel:not(.is-active) .station-body{
  position:relative;
  height:88px!important;
  min-height:88px!important;
  display:grid!important;
  grid-template-columns:minmax(205px,.75fr) minmax(260px,1.25fr)!important;
  grid-template-rows:88px!important;
  align-items:center;
  gap:18px;
  padding:0 24px!important;
  overflow:hidden!important;
}
.station-panel:not(.is-active) .station-body::before{
  background:linear-gradient(180deg,transparent 38%,rgba(var(--accent-rgb),.025) 72%,rgba(var(--accent-rgb),.11) 100%)!important;
  mix-blend-mode:screen;
}
.station-panel:not(.is-active) .station-title-row{
  position:relative!important;
  z-index:5;
  left:auto!important;
  top:auto!important;
  min-width:0;
  min-height:0;
  height:auto;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:11px!important;
  padding:0!important;
}
.station-panel:not(.is-active) .station-title-row>div{display:block!important;min-width:0}
.station-panel:not(.is-active) .station-title-row h1{
  overflow:hidden;
  font-size:1.62rem!important;
  letter-spacing:.19em!important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.station-panel:not(.is-active) .station-title-row p{display:none!important}
.station-panel:not(.is-active) .on-air{flex:0 0 auto;margin:0;font-size:.52rem}
.station-panel:not(.is-active) .signal,
.station-panel:not(.is-active) .signal-tools,
.station-panel:not(.is-active) .station-actions,
.station-panel:not(.is-active) .status-line{display:none!important}
.station-panel:not(.is-active) .instrument-rail{
  position:relative!important;
  z-index:6;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  height:52px!important;
  min-height:52px!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  grid-template-rows:52px!important;
  grid-template-areas:"play copy"!important;
  align-items:center;
  gap:14px!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.station-panel:not(.is-active) .play-button{
  grid-area:play!important;
  width:48px!important;
  height:48px!important;
  margin:0!important;
  box-shadow:0 0 0 3px rgba(0,0,0,.26),0 0 18px rgba(var(--accent-rgb),.13),inset 0 0 14px rgba(var(--accent-rgb),.04)!important;
}
.station-panel:not(.is-active) .play-icon{border-top-width:8px;border-bottom-width:8px;border-left-width:13px}
.station-panel:not(.is-active).is-playing .play-icon{width:13px;height:18px}
.station-panel:not(.is-active) .track-copy{
  grid-area:copy!important;
  align-self:center!important;
  min-width:0;
  margin:0!important;
}
.station-panel:not(.is-active) .track-copy h2{font-size:.88rem!important}
.station-panel:not(.is-active) .track-copy p{margin-top:2px;font-size:.58rem!important}
.station-panel:not(.is-active) .track-kicker,
.station-panel:not(.is-active) .timeline,
.station-panel:not(.is-active) .story-tabs,
.station-panel:not(.is-active) .volume-control,
.station-panel:not(.is-active) .vote-cluster{display:none!important}

@media(min-width:1101px){.station-stack{gap:24px}}
@media(max-width:700px){
  .station-panel:not(.is-active){
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
    grid-template-columns:72px minmax(0,1fr)!important;
  }
  .station-panel:not(.is-active)::before{left:11%;bottom:-50px;height:88px;filter:blur(15px)}
  .station-panel:not(.is-active) .station-art{height:76px!important;min-height:76px!important;border-radius:16px 26px 26px 16px!important}
  .station-panel:not(.is-active) .station-art img,
  .station-panel:not(.is-active) .station-art img.is-sferoom{width:38px!important;height:38px!important}
  .station-panel:not(.is-active) .station-body{
    height:76px!important;
    min-height:76px!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
    grid-template-rows:76px!important;
    gap:8px!important;
    padding:0 11px 0 14px!important;
  }
  .station-panel:not(.is-active) .station-title-row{gap:7px!important}
  .station-panel:not(.is-active) .station-title-row h1{font-size:1.13rem!important;letter-spacing:.13em!important}
  .station-panel:not(.is-active) .on-air{min-height:21px;padding:3px 6px;font-size:.44rem}
  .station-panel:not(.is-active) .instrument-rail{
    width:44px;
    height:44px!important;
    min-height:44px!important;
    grid-template-columns:44px!important;
    grid-template-rows:44px!important;
    grid-template-areas:"play"!important;
    gap:0!important;
    overflow:visible!important;
  }
  .station-panel:not(.is-active) .play-button{width:42px!important;height:42px!important}
  .station-panel:not(.is-active) .track-copy{display:none!important}
}

/* Elemental wave switch: its colour always shows the destination. Grana points
   to blue SFEROOM; SFEROOM points back to the fire of Grana. */
@keyframes wave-switch-flare{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.25)}
  34%{opacity:.72;transform:translate(-50%,-50%) scale(5.2)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(9)}
}
@keyframes wave-panel-arrive{
  0%{filter:brightness(.72) saturate(.72);transform:scale(.992)}
  48%{filter:brightness(1.16) saturate(1.16);transform:scale(1.002)}
  100%{filter:none;transform:none}
}
@keyframes wave-panel-depart{
  0%{filter:brightness(1.13) saturate(1.08);transform:scale(1.002)}
  100%{filter:none;transform:none}
}
.ambient{transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.8,.2,1)}
body[data-wave="grana"] .ambient--one{opacity:.105;transform:scale(1.08)}
body[data-wave="grana"] .ambient--two{opacity:.035;transform:scale(.92)}
body[data-wave="light"] .ambient--one{opacity:.035;transform:scale(.92)}
body[data-wave="light"] .ambient--two{opacity:.12;transform:scale(1.1)}
.element-bridge{
  --switch-color:var(--cyan);
  --switch-rgb:70,207,242;
  z-index:18;
  width:104px;
  height:52px;
  display:grid!important;
  place-items:center;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:999px;
  background:transparent;
  box-shadow:none;
  isolation:isolate;
  cursor:pointer;
  transition:top .48s cubic-bezier(.2,.8,.2,1),filter .28s ease;
}
body[data-wave="light"] .element-bridge{--switch-color:var(--gold);--switch-rgb:237,174,71}
.element-bridge:hover,.element-bridge:focus-visible{filter:brightness(1.17)}
.element-bridge:focus-visible{outline:2px solid rgba(var(--switch-rgb),.72);outline-offset:4px}
.element-bridge::before,.element-bridge::after{
  content:"";
  position:absolute;
  z-index:-2;
  top:50%;
  width:clamp(48px,12vw,210px);
  height:1px;
  opacity:.6;
  transition:opacity .35s ease,box-shadow .35s ease;
}
.element-bridge::before{right:96%;background:linear-gradient(90deg,transparent,var(--switch-color))}
.element-bridge::after{left:96%;background:linear-gradient(90deg,var(--switch-color),transparent)}
.wave-switch-track{
  position:relative;
  z-index:2;
  width:92px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 13px;
  border:1px solid rgba(var(--switch-rgb),.62);
  border-radius:999px;
  background:linear-gradient(90deg,rgba(222,139,36,.095),rgba(5,8,10,.95) 46% 54%,rgba(38,170,220,.1));
  box-shadow:0 0 0 5px #07090b,0 0 22px rgba(var(--switch-rgb),.2),inset 0 0 18px rgba(var(--switch-rgb),.07);
  transition:border-color .48s ease,box-shadow .48s ease;
}
.wave-switch-track b,.wave-switch-track em{
  position:relative;
  z-index:1;
  width:18px;
  color:#8e6a34;
  font:400 1rem/1 Oswald,sans-serif;
  text-align:center;
  opacity:.48;
  transition:color .45s ease,opacity .45s ease,text-shadow .45s ease;
}
.wave-switch-track em{color:#3ba6c6;font-size:1.18rem;font-style:normal}
.wave-switch-track i{
  position:absolute;
  z-index:3;
  left:5px;
  top:5px;
  width:32px;
  height:32px;
  border:1px solid color-mix(in srgb,var(--switch-color) 88%,#fff);
  border-radius:50%;
  background:radial-gradient(circle at 38% 34%,color-mix(in srgb,var(--switch-color) 72%,#fff),var(--switch-color) 34%,#081014 75%);
  box-shadow:0 0 17px rgba(var(--switch-rgb),.62),inset 0 0 8px rgba(255,255,255,.28);
  transform:translateX(50px);
  transition:transform .68s cubic-bezier(.22,.85,.24,1.2),background .48s ease,border-color .48s ease,box-shadow .48s ease;
}
body[data-wave="light"] .wave-switch-track i{transform:translateX(0)}
body[data-wave="grana"] .wave-switch-track em{color:var(--cyan);opacity:.92;text-shadow:0 0 10px rgba(70,207,242,.75)}
body[data-wave="light"] .wave-switch-track b{color:var(--gold);opacity:.95;text-shadow:0 0 10px rgba(237,174,71,.75)}
.element-bridge small{
  position:absolute;
  left:50%;
  top:calc(100% + 8px);
  display:block;
  padding:4px 8px;
  border:1px solid rgba(var(--switch-rgb),.24);
  border-radius:999px;
  background:rgba(5,8,10,.9);
  color:var(--switch-color);
  font:500 .48rem/1 Oswald,sans-serif;
  letter-spacing:.1em;
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,-4px);
  white-space:nowrap;
  transition:opacity .2s ease,transform .2s ease,color .4s ease,border-color .4s ease;
}
.element-bridge:hover small,.element-bridge:focus-visible small{opacity:1;transform:translate(-50%,0)}
.wave-switch-flow{
  position:absolute;
  z-index:-1;
  left:50%;
  top:50%;
  width:26px;
  height:26px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(var(--switch-rgb),.72),rgba(var(--switch-rgb),.18) 45%,transparent 72%);
  filter:blur(5px);
  opacity:0;
  pointer-events:none;
}
body.is-wave-morphing .wave-switch-flow{animation:wave-switch-flare .88s cubic-bezier(.2,.8,.2,1)}
body.is-wave-morphing .element-bridge::before,body.is-wave-morphing .element-bridge::after{opacity:1;box-shadow:0 0 14px rgba(var(--switch-rgb),.7)}
body.is-wave-morphing .station-panel.is-active{animation:wave-panel-arrive .9s cubic-bezier(.2,.8,.2,1)}
body.is-wave-morphing .station-panel:not(.is-active){animation:wave-panel-depart .78s cubic-bezier(.2,.8,.2,1)}

/* Track time is a timeline, not a second volume slider. Kept last so the
   compact layouts cannot restore the old round thumb. */
.track-line{
  position:relative;
  height:15px;
  overflow:visible;
  border-radius:0;
  background:transparent;
  isolation:isolate;
}
.track-line::before{
  content:"";
  position:absolute;
  z-index:1;
  left:0;
  right:0;
  top:50%;
  height:1px;
  background:rgba(255,255,255,.2);
  transform:translateY(-50%);
}
.track-line::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:3px 0;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.17) 0 1px,transparent 1px 12px);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
}
.track-line>span{
  position:absolute;
  z-index:2;
  left:0;
  top:50%;
  display:block;
  width:0;
  height:2px;
  border-radius:1px;
  background:linear-gradient(90deg,var(--guide),var(--accent));
  box-shadow:0 0 7px rgba(var(--accent-rgb),.25);
  transform:translateY(-50%);
}
.track-line i{
  position:absolute;
  z-index:3;
  left:0;
  top:50%;
  width:2px;
  height:15px;
  border:0;
  border-radius:1px;
  background:var(--accent);
  box-shadow:0 0 7px rgba(var(--accent-rgb),.55);
  opacity:0;
  transform:translate(-1px,-50%);
}
.track-line i::before{
  content:"";
  position:absolute;
  left:50%;
  top:-1px;
  width:5px;
  height:5px;
  background:var(--accent);
  transform:translateX(-50%) rotate(45deg);
}
.track-line.has-progress i{opacity:1}

@media(max-width:1100px){
  .track-line{height:16px;background:transparent}
  .track-line i{width:2px;height:16px;border:0;border-radius:1px;opacity:0}
  .track-line.has-progress i{opacity:1}
}

@media(min-width:1101px){
  .station-stack{--expanded-panel-height:338px;--collapsed-panel-height:88px;--panel-gap:24px}
  .element-bridge{position:absolute;left:50%;margin:0;transform:translate(-50%,-50%)}
  body[data-wave="grana"] .element-bridge{top:calc(var(--expanded-panel-height) + 12px)}
  body[data-wave="light"] .element-bridge{top:calc(var(--collapsed-panel-height) + 12px)}
}
@media(min-width:1101px) and (max-width:1400px){.station-stack{--expanded-panel-height:306px}}
@media(max-width:1100px){
  .element-bridge{position:relative;left:50%;top:auto;width:92px;height:48px;margin:-16px 0;transform:translateX(-50%)}
  .wave-switch-track{width:82px;height:42px;padding-inline:11px}
  .wave-switch-track i{left:5px;top:5px;width:30px;height:30px;transform:translateX(42px)}
  body[data-wave="light"] .wave-switch-track i{transform:translateX(0)}
  .element-bridge::before,.element-bridge::after{width:min(25vw,150px)}
  .element-bridge small{display:none}
}
@media(max-width:480px){
  .element-bridge{width:82px;height:46px;margin:-15px 0}
  .wave-switch-track{width:74px;height:40px;padding-inline:9px}
  .wave-switch-track i{left:5px;top:5px;width:28px;height:28px;transform:translateX(34px)}
  body[data-wave="light"] .wave-switch-track i{transform:translateX(0)}
  .wave-switch-track b,.wave-switch-track em{font-size:.86rem}
}

/* Responsive console repair — 19.08.2026.
   The desktop instrument stays untouched. Tablet widths keep its horizontal
   hierarchy, while phones turn the large artwork into a compact station badge
   so the signal and controls can use the full card width. */
@media(min-width:961px) and (max-width:1100px){
  .station-panel.is-active{
    height:376px;
    min-height:376px;
    max-height:376px;
    grid-template-columns:clamp(205px,21vw,230px) minmax(0,1fr);
  }
  .station-panel.is-active .station-art{
    height:376px;
    min-height:376px;
  }
  .station-panel.is-active .station-body{
    height:376px;
    min-height:376px;
    display:block;
    padding:0;
  }
  .station-panel.is-active .station-title-row{
    position:absolute;
    z-index:5;
    left:28px;
    right:116px;
    top:22px;
    min-height:42px;
    align-items:center;
    justify-content:flex-start;
    padding:0;
  }
  .station-panel.is-active .station-title-row>div{display:flex;align-items:center;gap:12px}
  .station-panel.is-active .station-title-row h1{font-size:clamp(2rem,4vw,2.55rem);letter-spacing:.2em}
  .station-panel.is-active .signal-tools{right:18px;top:22px}
  .station-panel.is-active .signal{
    position:absolute;
    z-index:2;
    left:-22px;
    right:0;
    top:66px;
    width:auto;
    height:164px;
    min-height:164px;
    margin:0;
    overflow:visible;
    mask-image:linear-gradient(90deg,#000 0,#000 97%,transparent);
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 97%,transparent);
  }
  .station-panel.is-active .instrument-rail{
    position:absolute;
    z-index:6;
    left:0;
    right:0;
    bottom:52px;
    height:104px;
    min-height:104px;
    display:grid;
    grid-template-columns:78px minmax(170px,1fr) 132px minmax(130px,154px) minmax(104px,122px);
    grid-template-rows:104px;
    grid-template-areas:none;
    gap:0;
    padding:0;
    overflow:hidden;
    background:linear-gradient(180deg,rgba(7,8,8,.94),rgba(4,6,7,.99));
  }
  .station-panel.is-active .play-button{grid-column:1;grid-row:1;width:68px;height:68px;margin:auto}
  .station-panel.is-active .track-copy{grid-column:2;grid-row:1;align-self:start;margin:15px 14px 0}
  .station-panel.is-active .timeline{grid-column:2;grid-row:1;align-self:end;margin:0 14px 13px;grid-template-columns:42px minmax(0,1fr) 42px}
  .station-panel.is-active .story-tabs{grid-column:3;grid-row:1;align-self:stretch;align-items:center;justify-content:center;gap:5px;border-left:1px solid rgba(var(--accent-rgb),.13)}
  .station-panel.is-active .volume-control{grid-column:4;grid-row:1;align-self:stretch;padding:0 16px;border-left:1px solid rgba(var(--accent-rgb),.13)}
  .station-panel.is-active .vote-cluster:not([hidden]){grid-column:5;grid-row:1;align-self:stretch;display:grid!important;grid-template-columns:1fr 1fr;border-top:0;border-left:1px solid rgba(var(--accent-rgb),.13)}
  .station-panel.is-active .vote-cluster button{height:104px;display:grid;gap:0}
  .station-panel.is-active .station-actions{
    position:absolute;
    z-index:7;
    left:0;
    right:0;
    bottom:0;
    min-height:52px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    padding:5px 12px;
    border-top:1px solid rgba(var(--accent-rgb),.13);
  }
  .station-panel.is-active .station-actions button{min-width:0;justify-content:center}
  .station-panel.is-active .status-line{display:none}
  .station-panel.is-active .station-art img,
  .station-panel.is-active .station-art::before,
  .station-panel.is-active .station-art::after{top:50%}
}

@media(min-width:701px) and (max-width:960.98px){
  .station-panel.is-active{
    height:396px;
    min-height:396px;
    max-height:396px;
    grid-template-columns:clamp(164px,22vw,198px) minmax(0,1fr);
  }
  .station-panel.is-active .station-art{
    height:396px;
    min-height:396px;
  }
  .station-panel.is-active .station-body{
    height:396px;
    min-height:396px;
    display:block;
    padding:0;
  }
  .station-panel.is-active .station-title-row{
    position:absolute;
    z-index:5;
    left:22px;
    right:54px;
    top:20px;
    min-height:42px;
    align-items:center;
    justify-content:flex-start;
    padding:0;
  }
  .station-panel.is-active .station-title-row>div{display:flex;align-items:center;gap:10px}
  .station-panel.is-active .station-title-row h1{font-size:clamp(1.9rem,4.8vw,2.35rem);letter-spacing:.18em}
  .station-panel.is-active .signal-tools{right:12px;top:20px}
  .station-panel.is-active .signal{
    position:absolute;
    z-index:2;
    left:-18px;
    right:0;
    top:64px;
    width:auto;
    height:162px;
    min-height:162px;
    margin:0;
    overflow:visible;
    mask-image:linear-gradient(90deg,#000 0,#000 97%,transparent);
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 97%,transparent);
  }
  .station-panel.is-active .instrument-rail{
    position:absolute;
    z-index:6;
    left:0;
    right:0;
    bottom:52px;
    height:132px;
    min-height:132px;
    display:grid;
    grid-template-columns:72px minmax(146px,1fr) 144px 96px;
    grid-template-rows:66px 66px;
    grid-template-areas:none;
    gap:0;
    padding:0;
    overflow:hidden;
    background:linear-gradient(180deg,rgba(7,8,8,.94),rgba(4,6,7,.99));
  }
  .station-panel.is-active .play-button{grid-column:1;grid-row:1/3;width:64px;height:64px;margin:auto}
  .station-panel.is-active .track-copy{grid-column:2;grid-row:1;align-self:end;margin:0 10px 4px}
  .station-panel.is-active .timeline{grid-column:2;grid-row:2;align-self:start;margin:8px 10px 0;grid-template-columns:38px minmax(0,1fr) 38px;gap:7px}
  .station-panel.is-active .story-tabs{grid-column:3;grid-row:1;align-self:stretch;align-items:center;justify-content:center;gap:4px;border-left:1px solid rgba(var(--accent-rgb),.13)}
  .station-panel.is-active .volume-control{grid-column:3;grid-row:2;align-self:stretch;padding:0 12px;border-left:1px solid rgba(var(--accent-rgb),.13)}
  .station-panel.is-active .vote-cluster:not([hidden]){grid-column:4;grid-row:1/3;align-self:stretch;display:grid!important;grid-template-columns:1fr 1fr;border-top:0;border-left:1px solid rgba(var(--accent-rgb),.13)}
  .station-panel.is-active .vote-cluster button{height:132px;display:grid;gap:0}
  .station-panel.is-active .vote-cluster button svg{width:34px;height:34px;padding:7px}
  .station-panel.is-active .station-actions{
    position:absolute;
    z-index:7;
    left:0;
    right:0;
    bottom:0;
    min-height:52px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    padding:5px 9px;
    border-top:1px solid rgba(var(--accent-rgb),.13);
  }
  .station-panel.is-active .station-actions button{min-width:0;justify-content:center;padding-inline:6px}
  .station-panel.is-active .status-line{display:none}
  .station-panel.is-active .station-art img,
  .station-panel.is-active .station-art::before,
  .station-panel.is-active .station-art::after{top:50%}
}

@media(max-width:700px){
  .station-stack{gap:18px}
  .station-panel.is-active{
    height:520px;
    min-height:520px;
    max-height:520px;
    display:block;
  }
  .station-panel.is-active .station-art{
    position:absolute;
    z-index:4;
    left:12px;
    top:12px;
    width:64px;
    height:64px;
    min-height:64px;
    border:1px solid rgba(var(--accent-rgb),.34);
    border-radius:50%!important;
    clip-path:none!important;
    filter:none!important;
    box-shadow:0 0 22px rgba(var(--accent-rgb),.12)!important;
  }
  .station-panel.is-active .station-art img,
  .station-panel.is-active .station-art img.is-sferoom{top:50%!important;width:48%;height:48%}
  .station-panel.is-active .station-art::before{top:50%!important;width:82%}
  .station-panel.is-active .station-art::after{top:50%!important;width:58%}
  .station-panel.is-active .station-rings{inset:-42%;opacity:.46}
  .station-panel.is-active .station-rings::after{content:none}
  .station-panel.is-active .station-body{
    width:100%;
    height:520px;
    min-height:520px;
    display:grid;
    grid-template-rows:64px 116px 226px 52px 28px;
    padding:12px;
    overflow:hidden;
  }
  .station-panel.is-active .station-title-row{
    min-width:0;
    min-height:64px;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    padding:0 42px 0 76px;
  }
  .station-panel.is-active .station-title-row>div{min-width:0}
  .station-panel.is-active .station-title-row h1{overflow:hidden;font-size:clamp(1.45rem,7vw,2rem);letter-spacing:.15em;text-overflow:ellipsis;white-space:nowrap}
  .station-panel.is-active .on-air{flex:0 0 auto;margin:0}
  .station-panel.is-active .signal-tools{right:13px;top:84px}
  .station-panel.is-active .signal{
    width:auto;
    height:116px;
    min-height:116px;
    margin:0 -7px;
    overflow:hidden;
    mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent);
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent);
  }
  .station-panel.is-active .instrument-rail{
    min-width:0;
    height:226px;
    min-height:226px;
    display:grid;
    grid-template-columns:64px minmax(0,1fr) minmax(0,1fr);
    grid-template-rows:64px 38px 48px 58px;
    grid-template-areas:"play copy copy" "timeline timeline timeline" "stories stories volume" "votes votes votes";
    align-content:center;
    gap:6px 8px;
    padding:4px 0;
    overflow:hidden;
  }
  .station-panel.is-active .play-button{grid-area:play;width:58px;height:58px;margin:auto 0}
  .station-panel.is-active .track-copy{grid-area:copy;align-self:center;margin:0}
  .station-panel.is-active .track-copy h2{font-size:1rem}
  .station-panel.is-active .timeline{grid-area:timeline;align-self:center;grid-template-columns:38px minmax(0,1fr) 38px;gap:7px;margin:0}
  .station-panel.is-active .story-tabs{grid-area:stories;align-items:center;justify-content:flex-start;gap:5px;min-width:0}
  .station-panel.is-active .story-tabs button{width:44px;height:44px;flex-basis:44px}
  .station-panel.is-active .volume-control{grid-area:volume;min-width:0;width:100%;height:48px;min-height:48px;padding:0 2px 0 8px;border-left:1px solid rgba(var(--accent-rgb),.13)}
  .station-panel.is-active .volume-control input{min-width:0}
  .station-panel.is-active .vote-cluster:not([hidden]){grid-area:votes;align-self:stretch;display:grid!important;grid-template-columns:1fr 1fr;width:100%;border-top:1px solid rgba(var(--accent-rgb),.13)}
  .station-panel.is-active .vote-cluster button{height:58px}
  .station-panel.is-active .station-actions{
    min-width:0;
    min-height:52px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:5px;
    padding:4px 0;
  }
  .station-panel.is-active .station-actions button{min-width:0;width:100%;padding-inline:5px;justify-content:center}
  .station-panel.is-active .station-actions button>b{font-size:.54rem}
  .station-panel.is-active .status-line{min-height:28px;margin:0;padding:7px 0 0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* Real-device density correction — 19.08.2026.
   Desktop above 1100 px is unchanged. At tablet widths the artwork becomes a
   station seal instead of a poster column; phones use a shorter control rail. */
@media(min-width:701px) and (max-width:1100px){
  .station-panel.is-active{
    height:348px;
    min-height:348px;
    max-height:348px;
    display:block;
  }
  .station-panel.is-active .station-art{
    position:absolute;
    z-index:4;
    left:12px;
    top:10px;
    width:62px;
    height:62px;
    min-height:62px;
    overflow:hidden;
    border:1px solid rgba(var(--accent-rgb),.34);
    border-radius:50%!important;
    clip-path:none!important;
    filter:none!important;
    box-shadow:0 0 22px rgba(var(--accent-rgb),.12)!important;
  }
  .station-panel.is-active .station-art img,
  .station-panel.is-active .station-art img.is-sferoom{top:50%!important;width:46%;height:46%}
  .station-panel.is-active .station-art::before{top:50%!important;width:82%}
  .station-panel.is-active .station-art::after{top:50%!important;width:58%}
  .station-panel.is-active .station-rings{inset:-42%;opacity:.44}
  .station-panel.is-active .station-rings::after{content:none}
  .station-panel.is-active .station-body{
    width:100%;
    height:348px;
    min-height:348px;
    display:grid;
    grid-template-rows:62px 126px 98px 46px;
    padding:8px 12px;
    overflow:hidden;
  }
  .station-panel.is-active .station-title-row{
    position:relative;
    z-index:5;
    left:auto;
    right:auto;
    top:auto;
    min-width:0;
    min-height:62px;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    padding:0 42px 0 74px;
  }
  .station-panel.is-active .station-title-row>div{display:flex;min-width:0;align-items:center;gap:11px}
  .station-panel.is-active .station-title-row h1{overflow:hidden;font-size:clamp(1.8rem,4.2vw,2.45rem);letter-spacing:.18em;text-overflow:ellipsis;white-space:nowrap}
  .station-panel.is-active .on-air{flex:0 0 auto;margin:0}
  .station-panel.is-active .signal-tools{right:12px;top:78px}
  .station-panel.is-active .signal{
    position:relative;
    z-index:2;
    left:auto;
    right:auto;
    top:auto;
    width:auto;
    height:126px;
    min-height:126px;
    margin:0 -7px;
    overflow:hidden;
    mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent);
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent);
  }
  .station-panel.is-active .instrument-rail{
    position:relative;
    z-index:6;
    left:auto;
    right:auto;
    bottom:auto;
    min-width:0;
    height:98px;
    min-height:98px;
    display:grid;
    grid-template-columns:64px minmax(146px,1fr) 140px minmax(124px,148px) 90px;
    grid-template-rows:98px;
    grid-template-areas:none;
    gap:0;
    padding:0;
    overflow:hidden;
    border-top:1px solid rgba(var(--accent-rgb),.19);
    background:linear-gradient(180deg,rgba(7,8,8,.94),rgba(4,6,7,.99));
  }
  .station-panel.is-active .play-button{grid-column:1;grid-row:1;width:58px;height:58px;margin:auto}
  .station-panel.is-active .track-copy{grid-column:2;grid-row:1;align-self:start;min-width:0;margin:13px 10px 0}
  .station-panel.is-active .track-copy h2{overflow:hidden;font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}
  .station-panel.is-active .track-copy p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .station-panel.is-active .timeline{grid-column:2;grid-row:1;align-self:end;margin:0 10px 12px;grid-template-columns:38px minmax(0,1fr) 38px;gap:7px}
  .station-panel.is-active .story-tabs{grid-column:3;grid-row:1;align-self:stretch;align-items:center;justify-content:center;gap:3px;border-left:1px solid rgba(var(--accent-rgb),.13)}
  .station-panel.is-active .volume-control{grid-column:4;grid-row:1;align-self:stretch;min-width:0;padding:0 12px;border-left:1px solid rgba(var(--accent-rgb),.13)}
  .station-panel.is-active .volume-control input{min-width:0}
  .station-panel.is-active .vote-cluster:not([hidden]){grid-column:5;grid-row:1;align-self:stretch;display:grid!important;grid-template-columns:1fr 1fr;border-top:0;border-left:1px solid rgba(var(--accent-rgb),.13)}
  .station-panel.is-active .vote-cluster button{min-width:0;height:98px;display:grid;gap:0}
  .station-panel.is-active .vote-cluster button svg{width:34px;height:34px;padding:7px}
  .station-panel.is-active .station-actions{
    position:relative;
    z-index:7;
    left:auto;
    right:auto;
    bottom:auto;
    min-width:0;
    min-height:46px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    padding:2px 0 0;
    border-top:1px solid rgba(var(--accent-rgb),.13);
  }
  .station-panel.is-active .station-actions button{min-width:0;min-height:44px;justify-content:center;padding-inline:6px}
  .station-panel.is-active .status-line{display:none}
}

@media(max-width:700px){
  .station-stack{gap:12px}
  .station-panel.is-active{
    height:432px;
    min-height:432px;
    max-height:432px;
  }
  .station-panel.is-active .station-art{
    left:10px;
    top:9px;
    width:54px;
    height:54px;
    min-height:54px;
  }
  .station-panel.is-active .station-body{
    height:432px;
    min-height:432px;
    grid-template-rows:56px 112px 174px 46px 24px;
    padding:10px;
  }
  .station-panel.is-active .station-title-row{
    min-height:56px;
    gap:6px;
    padding:0 38px 0 62px;
  }
  .station-panel.is-active .station-title-row h1{font-size:clamp(1.34rem,6.6vw,1.82rem);letter-spacing:.14em}
  .station-panel.is-active .signal-tools{right:11px;top:70px}
  .station-panel.is-active .signal{height:112px;min-height:112px;margin:0 -6px}
  .station-panel.is-active .instrument-rail{
    height:174px;
    min-height:174px;
    grid-template-columns:58px minmax(0,1fr) minmax(0,1fr);
    grid-template-rows:78px 48px 48px;
    grid-template-areas:"play copy copy" "stories stories volume" "votes votes votes";
    align-content:start;
    gap:0 7px;
    padding:0;
    border-top:1px solid rgba(var(--accent-rgb),.19);
  }
  .station-panel.is-active .play-button{grid-area:play;width:54px;height:54px;margin:auto 0}
  .station-panel.is-active .track-copy{grid-area:copy;align-self:start;min-width:0;margin:7px 0 0}
  .station-panel.is-active .track-copy h2{overflow:hidden;font-size:.92rem;text-overflow:ellipsis;white-space:nowrap}
  .station-panel.is-active .track-copy p{overflow:hidden;margin-top:2px;text-overflow:ellipsis;white-space:nowrap}
  .station-panel.is-active .timeline{grid-area:copy;align-self:end;grid-template-columns:36px minmax(0,1fr) 36px;gap:6px;margin:0 0 5px;font-size:.59rem}
  .station-panel.is-active .volume-control{height:48px;min-height:48px;padding:0 2px 0 7px}
  .station-panel.is-active .vote-cluster button{height:48px}
  .station-panel.is-active .station-actions{
    min-height:46px;
    gap:4px;
    padding:2px 0 0;
    border-top:1px solid rgba(var(--accent-rgb),.13);
  }
  .station-panel.is-active .station-actions button{min-height:44px;padding-inline:4px}
  .station-panel.is-active .status-line{min-height:24px;padding-top:5px}
  .station-panel:not(.is-active){
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
    grid-template-columns:64px minmax(0,1fr)!important;
  }
  .station-panel:not(.is-active) .station-art{height:68px!important;min-height:68px!important}
  .station-panel:not(.is-active) .station-art img,
  .station-panel:not(.is-active) .station-art img.is-sferoom{width:34px!important;height:34px!important}
  .station-panel:not(.is-active) .station-body{
    height:68px!important;
    min-height:68px!important;
    grid-template-rows:68px!important;
    padding-inline:11px 9px!important;
  }
  .station-panel:not(.is-active) .station-title-row h1{font-size:1.05rem!important}
  .element-bridge{height:42px;margin:-15px 0}
  .wave-switch-track{height:38px}
  .wave-switch-track i{top:4px;width:28px;height:28px}
}

/* Wide bridge clearance — 19.08.2026.
   The wave switch gets its own lane instead of sitting on both panel borders. */
@media(min-width:1101px){
  .station-stack{gap:56px;--panel-gap:56px}
  body[data-wave="grana"] .element-bridge{top:calc(var(--expanded-panel-height) + 28px)}
  body[data-wave="light"] .element-bridge{top:calc(var(--collapsed-panel-height) + 28px)}
  .wave-switch-track{
    height:38px;
    box-shadow:0 0 0 4px #07090b,0 0 22px rgba(var(--switch-rgb),.2),inset 0 0 18px rgba(var(--switch-rgb),.07);
  }
  .wave-switch-track i{top:5px;width:28px;height:28px}
}

/* Плавный вход из премьерного трейлера — без промежуточного фиктивного плеера. */
body.is-premiere-entry::after{
  content:"";
  position:fixed;
  z-index:100;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% 46%,rgba(237,178,90,.28),rgba(4,7,9,.96) 54%,#030506);
  animation:premiere-curtain 1.45s cubic-bezier(.16,1,.3,1) both;
}
body.is-premiere-entry .station-stack{animation:premiere-player-arrival 1.25s cubic-bezier(.16,1,.3,1) both}
@keyframes premiere-curtain{0%,18%{opacity:1}100%{opacity:0}}
@keyframes premiere-player-arrival{0%{opacity:.18;transform:translateY(20px) scale(.985);filter:blur(12px)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@media(prefers-reduced-motion:reduce){body.is-premiere-entry::after{animation-duration:.08s}body.is-premiere-entry .station-stack{animation-duration:.08s}}

/* Mobile performance: keep the player on one stable compositor surface. */
@media(max-width:760px), (pointer:coarse){
  .station-panel{contain:layout;transition:border-color .18s ease,box-shadow .18s ease,opacity .18s ease!important}
  .station-panel:not(.is-active){transition:border-color .18s ease,box-shadow .18s ease,opacity .18s ease!important}
  .station-panel:not(.is-active)::before{animation:none;filter:none;opacity:.36;transform:none}
  body.is-wave-morphing .wave-switch-flow{animation:none!important;display:none}
  body.is-wave-morphing .station-panel.is-active,
  body.is-wave-morphing .station-panel:not(.is-active){animation:none!important;filter:none!important;transform:none!important}
  .ambient{display:none}
  .mini-player{-webkit-backdrop-filter:none;backdrop-filter:none;background:#090c0e}
  body.is-premiere-entry .station-stack{animation:premiere-player-mobile .52s ease-out both}
}
@keyframes premiere-player-mobile{0%{opacity:.18}100%{opacity:1}}
body.is-premiere-shell.is-premiere-entry .station-stack{animation:none}

/* Single-console prototype — one stable player shell for both waves. */
.station-stack--single{display:block;gap:0}
.player-shell{
  width:100%;
  height:360px!important;
  min-height:360px!important;
  max-height:none!important;
  grid-template-columns:190px minmax(0,1fr)!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease!important;
  contain:layout paint;
}
.player-shell.station-panel--light{background:linear-gradient(105deg,rgba(16,117,169,.075),transparent 30%),linear-gradient(165deg,rgba(7,22,31,.97),rgba(4,9,13,.99))}
.player-shell .station-art{height:360px!important;min-height:360px!important}
.player-shell .station-logo-layer{
  opacity:0;
  visibility:hidden;
  transition:opacity .2s ease,visibility 0s linear .2s;
}
.player-shell .station-logo-layer.is-active{opacity:1;visibility:visible;transition-delay:0s}
.player-shell .station-body{
  height:360px!important;
  min-height:360px!important;
  display:grid!important;
  grid-template-rows:66px 128px 102px 40px 24px!important;
  padding:0 18px!important;
  overflow:hidden;
}
.player-shell .station-title-row{
  position:relative!important;
  inset:auto!important;
  min-height:66px!important;
  display:grid!important;
  grid-template-columns:minmax(150px,1fr) auto auto;
  align-items:center;
  gap:15px;
  padding:0!important;
}
.player-shell .station-title-row>div{min-width:0}
.player-shell .station-title-row h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-shell .station-title-row p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.player-wave-toggle{
  --toggle-accent:var(--gold);
  min-width:226px;
  height:40px;
  display:grid;
  grid-template-columns:1fr 44px 1fr;
  align-items:center;
  gap:8px;
  padding:0 11px;
  border:1px solid rgba(var(--accent-rgb),.34);
  border-radius:10px;
  background:rgba(2,5,7,.66);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
  cursor:pointer;
}
.player-wave-toggle__label{color:var(--muted);font:600 .58rem Manrope,sans-serif;letter-spacing:.09em;text-transform:uppercase;transition:color .18s ease}
.player-wave-toggle__label--grana{text-align:right}
.player-wave-toggle__label--light{text-align:left}
.player-wave-toggle__label.is-active{color:var(--accent)}
.player-wave-toggle__track{position:relative;width:44px;height:22px;border:1px solid rgba(var(--accent-rgb),.45);border-radius:999px;background:rgba(var(--accent-rgb),.08)}
.player-wave-toggle__track i{position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(var(--accent-rgb),.48);transition:left .2s ease,background-color .2s ease}
body[data-wave="light"] .player-wave-toggle__track i{left:25px}
.player-shell .signal-tools{right:20px!important;top:76px!important;transform:none!important}
.player-shell .signal-stage{position:relative;z-index:2;height:128px;min-height:128px;overflow:hidden}
.player-shell .signal-stage .signal{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:128px!important;
  min-height:128px!important;
  margin:0!important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:none!important;
  filter:none!important;
  transition:opacity .18s ease,visibility 0s linear .18s;
}
.player-shell .signal-stage .signal.is-active{opacity:1;visibility:visible;transition-delay:0s}
.player-shell .instrument-rail{
  position:relative!important;
  inset:auto!important;
  height:102px!important;
  min-height:102px!important;
  margin:0!important;
  transform:none!important;
}
.player-shell .station-actions{position:relative!important;inset:auto!important;min-height:40px!important;margin:0!important;transform:none!important}
.player-shell .status-line{min-height:24px!important;margin:0!important;padding-top:5px!important}
.stage-drawer{
  min-height:132px;
  margin-top:18px;
  padding:12px 14px 16px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(14,17,20,.76),rgba(7,9,11,.9));
}

@media(max-width:1100px){
  .player-shell{height:388px!important;min-height:388px!important;display:block!important}
  .player-shell .station-art{
    position:absolute!important;
    z-index:4!important;
    left:12px!important;
    top:10px!important;
    width:58px!important;
    height:58px!important;
    min-height:58px!important;
    border:1px solid rgba(var(--accent-rgb),.34)!important;
    border-radius:50%!important;
    clip-path:none!important;
  }
  .player-shell .station-art img,.player-shell .station-art img.is-sferoom{top:50%!important;width:45%!important;height:45%!important}
  .player-shell .station-body{width:100%;height:388px!important;min-height:388px!important;grid-template-rows:70px 122px 104px 46px 30px!important;padding:0 12px 10px!important}
  .player-shell .station-title-row{min-height:70px!important;padding-left:70px!important;grid-template-columns:minmax(90px,1fr) auto auto!important;gap:10px!important}
  .player-shell .station-title-row h1{font-size:clamp(1.45rem,4vw,2rem)!important}
  .player-shell .station-title-row p{display:none}
  .player-wave-toggle{min-width:208px}
  .player-shell .signal-tools{right:13px!important;top:78px!important}
  .player-shell .signal-stage{height:122px;min-height:122px}
  .player-shell .signal-stage .signal{height:122px!important;min-height:122px!important}
  .player-shell .instrument-rail{height:104px!important;min-height:104px!important}
}

@media(max-width:700px){
  .player-shell{height:424px!important;min-height:424px!important;max-height:none!important}
  .player-shell .station-art{left:9px!important;top:9px!important;width:52px!important;height:52px!important;min-height:52px!important}
  .player-shell .station-body{height:424px!important;min-height:424px!important;grid-template-rows:64px 106px 174px 46px 24px!important;padding:0 9px 10px!important}
  .player-shell .station-title-row{min-height:64px!important;padding-left:60px!important;grid-template-columns:minmax(72px,1fr) auto!important;gap:6px!important}
  .player-shell .station-title-row h1{font-size:clamp(1.18rem,5.8vw,1.65rem)!important;letter-spacing:.1em!important}
  .player-shell .on-air{display:none}
  .player-wave-toggle{min-width:158px;height:36px;grid-template-columns:1fr 36px 1fr;gap:5px;padding:0 7px}
  .player-wave-toggle__label{font-size:.49rem;letter-spacing:.05em}
  .player-wave-toggle__track{width:36px;height:20px}
  .player-wave-toggle__track i{width:12px;height:12px}
  body[data-wave="light"] .player-wave-toggle__track i{left:19px}
  .player-shell .signal-tools{right:10px!important;top:69px!important}
  .player-shell .signal-stage{height:106px;min-height:106px}
  .player-shell .signal-stage .signal{height:106px!important;min-height:106px!important}
  .player-shell .instrument-rail{height:174px!important;min-height:174px!important}
  .stage-drawer{min-height:154px;margin-top:12px;padding-inline:10px}
}

@media(max-width:360px){
  .player-wave-toggle{min-width:142px;grid-template-columns:1fr 32px 1fr;padding-inline:5px}
  .player-wave-toggle__track{width:32px}
  body[data-wave="light"] .player-wave-toggle__track i{left:15px}
  .player-wave-toggle__label{font-size:.45rem}
}

/* Honest controls and personal archive — fixed order in every responsive layout. */
.player-shell .station-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
}
.player-shell .station-actions button{width:100%!important;min-width:0!important;justify-content:center!important}
.player-shell .station-actions button>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.modal-card p{white-space:pre-line}

.recording-hub{position:fixed;z-index:70;inset:0;display:grid;place-items:center;padding:22px;color:#eee4d6}
.recording-hub[hidden]{display:none!important}
.recording-hub__backdrop{position:absolute;inset:0;background:rgba(1,3,5,.88);backdrop-filter:blur(12px)}
.recording-hub__card{position:relative;width:min(780px,100%);max-height:min(88vh,860px);overflow:auto;padding:24px;border:1px solid rgba(226,171,76,.34);border-radius:20px;background:linear-gradient(145deg,rgba(18,14,9,.98),rgba(4,12,16,.98));box-shadow:0 30px 90px rgba(0,0,0,.72)}
.recording-hub__head,.recording-subhead,.recording-library__head{display:flex;align-items:center;justify-content:space-between;gap:14px}
.recording-hub__head span,.recording-subhead span{color:var(--accent);font:600 .58rem Manrope,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.recording-hub__head h2,.recording-subhead h3,.recording-library__head h3{margin:3px 0 0;font:500 1.45rem Oswald,sans-serif;letter-spacing:.055em;text-transform:uppercase}
.recording-hub__head>button,.recording-subhead>button{width:42px;height:42px;flex:0 0 auto;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(255,255,255,.025);color:#d9d0c3;cursor:pointer;font-size:1.25rem}
.recording-hub__lead{margin:12px 0 0;color:#a9a093;font-size:.76rem;line-height:1.6;text-wrap:pretty}
.recording-hub__lead strong,.recording-hub__lead span{display:block}
.recording-hub__lead strong{margin-bottom:3px;color:#eee3d4;font-size:.8rem}
.recording-hub__status{min-height:23px;margin:10px 0 15px;padding:7px 10px;border-left:2px solid var(--accent);background:rgba(var(--accent-rgb),.045);color:#c9c0b2;font-size:.7rem;line-height:1.45}
.recording-hub__status.is-error{border-left-color:#ef694f;color:#ffc1b5}
.recording-auth{padding:22px;border:1px solid rgba(var(--accent-rgb),.22);border-radius:14px;background:rgba(var(--accent-rgb),.045);text-align:center}
.recording-auth>b{font:500 1.1rem Oswald,sans-serif;letter-spacing:.05em;text-transform:uppercase}
.recording-auth p{margin:8px auto 15px;max-width:520px;color:#aaa194;font-size:.75rem;line-height:1.6}
.recording-auth>div{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}
.recording-auth a,.recording-auth button,.recording-primary,.recording-library__head button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border:1px solid rgba(var(--accent-rgb),.35);border-radius:9px;background:rgba(var(--accent-rgb),.08);color:#efe5d7;text-decoration:none;cursor:pointer;font:600 .67rem Manrope,sans-serif}
.recording-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.recording-choices>button{min-height:118px;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;column-gap:12px;padding:17px;text-align:left;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.022);color:#efe6d9;cursor:pointer}
.recording-choices>button:hover{border-color:rgba(var(--accent-rgb),.44);background:rgba(var(--accent-rgb),.055)}
.recording-choices>button>span{grid-row:1/3;align-self:center;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(var(--accent-rgb),.38);border-radius:50%;color:var(--accent)}
.recording-choices b{font:500 .88rem Oswald,sans-serif;letter-spacing:.045em;text-transform:uppercase}
.recording-choices small{margin-top:5px;color:#9d9488;font-size:.65rem;line-height:1.4}
.recording-file,.recording-new{margin-top:4px;padding:16px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(0,0,0,.18)}
.recording-file>p{color:#aaa194;font-size:.72rem;line-height:1.55}
.recording-file audio{width:100%;margin-top:12px;accent-color:var(--accent)}
.recording-file audio[hidden]{display:none!important}
.recording-primary{width:100%;margin-top:12px;background:linear-gradient(110deg,rgba(var(--accent-rgb),.2),rgba(var(--accent-rgb),.07));text-transform:uppercase;letter-spacing:.04em}
.recording-mode{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:15px 0 12px}
.recording-mode button{min-height:42px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.025);color:#a79e91;cursor:pointer}
.recording-mode button[aria-pressed="true"]{border-color:rgba(var(--accent-rgb),.48);background:rgba(var(--accent-rgb),.1);color:#f0e6d7}
.recording-mode-hint{margin:-3px 0 12px;color:#b1a89b;font-size:.67rem;line-height:1.55;text-wrap:pretty}
.recording-new label{display:grid;gap:6px;color:#a9a093;font:600 .62rem Manrope,sans-serif;letter-spacing:.035em;text-transform:uppercase}
.recording-new input{width:100%;min-height:43px;padding:9px 11px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(1,4,6,.72);color:#eee5d8;font:500 .75rem Manrope,sans-serif;color-scheme:dark}
.recording-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}
.recording-duration{margin:11px 0 0;color:#ede2d2;font:600 .7rem Manrope,sans-serif}
.recording-duration.is-over{color:#ffb1a4}
.recording-limit-note{margin:5px 0 0;color:#8f877b;font-size:.64rem;line-height:1.5}
.recording-library{margin-top:16px;padding-top:13px;border-top:1px solid rgba(255,255,255,.07)}
.recording-library__head h3{font-size:.92rem}
.recording-library__head button{min-height:34px;padding:6px 10px;background:transparent;font-size:.6rem}
.recording-list-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-top:8px;padding:12px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:rgba(255,255,255,.018)}
.recording-list-card__copy b{display:block;overflow:hidden;text-overflow:ellipsis;color:#e9dfd2;font:500 .78rem Oswald,sans-serif;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap}
.recording-list-card__copy small{display:block;margin-top:4px;color:#938a7f;font-size:.6rem;line-height:1.45}
.recording-list-card__state{display:inline-flex;align-items:center;margin-top:7px;padding:4px 7px;border-radius:999px;background:rgba(var(--accent-rgb),.08);color:var(--accent);font:600 .56rem Manrope,sans-serif;text-transform:uppercase}
.recording-list-card__actions{display:flex;align-items:center;gap:6px}
.recording-list-card__actions button{min-height:36px;padding:6px 9px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:rgba(255,255,255,.025);color:#d8cfc2;cursor:pointer;font-size:.62rem}
.recording-list-card__actions button[data-clip-download]{border-color:rgba(var(--accent-rgb),.36);color:#f0e4d2}
.recording-empty{padding:18px;border:1px dashed rgba(255,255,255,.09);border-radius:9px;color:#8f877c;font-size:.68rem;text-align:center}

@media(min-width:1101px){
  .stage-drawer .more-button{display:block!important}
  .stage-drawer .more-panel:not([hidden]){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}
  .stage-drawer .more-panel[hidden]{display:none!important}
}
@media(max-width:700px){
  .recording-hub{padding:8px}
  .recording-hub__card{max-height:calc(100dvh - 16px);padding:18px 14px;border-radius:15px}
  .recording-hub__head h2{font-size:1.2rem}
  .recording-choices{grid-template-columns:1fr}
  .recording-choices>button{min-height:94px}
  .recording-time-grid{grid-template-columns:1fr}
  .recording-list-card{grid-template-columns:1fr}
  .recording-list-card__actions{justify-content:stretch}
  .recording-list-card__actions button{flex:1}
}
@media(max-width:480px){
  .player-shell .station-actions button{min-height:44px!important;gap:3px!important;padding:5px 4px!important}
  .player-shell .station-actions button>b{overflow:visible;text-overflow:clip;white-space:normal;text-align:center;text-wrap:balance;line-height:1.05}
}
@media(max-width:360px){
  .player-shell .station-actions{gap:3px!important}
  .player-shell .station-actions button{padding-inline:2px!important}
  .player-shell .station-actions button>b{font-size:.48rem!important;letter-spacing:.02em!important}
}
@media(prefers-reduced-motion:reduce){.recording-hub__backdrop{backdrop-filter:none}}

/* Live audience belongs to the station identity, not to the button grid. */
.station-title-name{display:flex;align-items:baseline;gap:11px;min-width:0}
.station-title-name .listeners{display:inline-flex;flex:0 0 auto;flex-basis:auto;align-items:center;gap:4px;min-height:0;margin:0;border:0;white-space:nowrap}
@media(max-width:700px){.station-title-name{gap:7px}.station-title-name .listeners{font-size:.54rem}.station-title-name .listeners [data-role="listener-word"]{display:none}}

/* Public test-hour context. It is a dedicated player row, so it stays visible
   on desktop and mobile instead of depending on the hidden tools or air badge. */
.air-context[hidden]{display:none!important}
.air-context{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(116px,.46fr) minmax(0,1fr) minmax(0,1fr);
  align-items:stretch;
  gap:0;
  overflow:hidden;
  border:1px solid rgba(var(--accent-rgb),.28);
  border-radius:10px;
  background:linear-gradient(105deg,rgba(var(--accent-rgb),.11),rgba(3,7,9,.86));
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
.air-context__program,.air-context__item{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:7px 11px;
}
.air-context__item{border-left:1px solid rgba(var(--accent-rgb),.16)}
.air-context span{
  min-width:0;
  color:#9d9487;
  font:600 .53rem/1.25 Manrope,sans-serif;
  letter-spacing:.085em;
  text-transform:uppercase;
  white-space:normal;
  overflow-wrap:anywhere;
}
.air-context strong,.air-context__value{
  min-width:0;
  margin-top:3px;
  color:#eee4d5;
  font:600 .67rem/1.25 Manrope,sans-serif;
  text-wrap:pretty;
  white-space:normal;
  overflow-wrap:anywhere;
}
.air-context strong{color:var(--accent);letter-spacing:.025em}
.air-context__program strong{
  display:inline-block;
  align-self:flex-start;
  white-space:nowrap;
  overflow-wrap:normal;
  word-break:keep-all;
}
.air-context__value{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
}

@media(min-width:1101px){
  .player-shell.has-air-context{height:418px!important;min-height:418px!important}
  .player-shell.has-air-context .station-art{height:418px!important;min-height:418px!important}
  .player-shell.has-air-context .station-body{
    height:418px!important;
    min-height:418px!important;
    grid-template-rows:66px 128px 102px 58px 40px 24px!important;
  }
}
@media(max-width:1100px){
  .player-shell.has-air-context{height:444px!important;min-height:444px!important}
  .player-shell.has-air-context .station-body{
    height:444px!important;
    min-height:444px!important;
    grid-template-rows:70px 122px 104px 60px 46px 30px!important;
  }
}
@media(max-width:700px){
  .player-shell.has-air-context{height:500px!important;min-height:500px!important}
  .player-shell.has-air-context .station-body{
    height:500px!important;
    min-height:500px!important;
    grid-template-rows:64px 106px 174px 72px 46px 24px!important;
  }
  .air-context{grid-template-columns:minmax(76px,.62fr) minmax(0,1fr) minmax(0,1fr)}
  .air-context__program,.air-context__item{padding:6px 7px}
  .air-context span{font-size:.48rem;letter-spacing:.045em}
  .air-context strong,.air-context__value{font-size:.59rem;line-height:1.22}
}
@media(max-width:360px){
  .player-shell.has-air-context{height:510px!important;min-height:510px!important}
  .player-shell.has-air-context .station-body{
    height:510px!important;
    min-height:510px!important;
    grid-template-rows:64px 106px 174px 82px 46px 24px!important;
  }
  .air-context{grid-template-columns:minmax(78px,.68fr) minmax(0,1fr) minmax(0,1fr)}
  .air-context__program,.air-context__item{padding-inline:5px}
}