/* OndaVante 4.3.0 — Horizon / Fluid Edition. CSS rebuilt around intrinsic sizing. */
:root{
 color-scheme:dark;--bg:#070d15;--canvas:#0b1420;--panel:#111d2b;--panel-raised:#172537;
 --text:#eff6fc;--sub:#a5b7c9;--quiet:#7f92a7;--line:rgba(188,215,233,.13);
 --lime:#c7fa70;--lime-soft:rgba(199,250,112,.12);--cyan:#94e6d9;
 --font:'DM Sans',system-ui,sans-serif;--display:'Outfit',system-ui,sans-serif;
 --dock-h:96px;--side-w:248px;--gutter:clamp(16px,3.1vw,54px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased;min-width:0}
button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:not-allowed}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
a{text-decoration:none;color:inherit}[hidden]{display:none!important}
img,svg{max-width:100%}
.ambient{position:fixed;z-index:-1;pointer-events:none;filter:blur(96px);border-radius:50%}
.ambient-one{width:30vw;height:30vw;right:-12vw;top:15vh;background:rgba(38,85,119,.13)}
.ambient-two{width:28vw;height:28vw;left:5vw;bottom:2vh;background:rgba(87,125,64,.09)}
.app-shell{display:grid;grid-template-columns:var(--side-w) minmax(0,1fr);min-height:100dvh;padding-bottom:var(--dock-h);width:100%;min-width:0}
/* Navigation never exceeds the free area above the bottom playback dock. */
.side{position:sticky;top:0;height:calc(100dvh - var(--dock-h));min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:20px 12px 12px;border-right:1px solid var(--line);background:linear-gradient(180deg,#0b1521,#08111b);z-index:20}
.identity{display:flex;gap:10px;align-items:center;min-width:0;padding:10px 9px 20px;flex:0 0 auto}
.logo,.drive-mark{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--lime);color:#11231c;box-shadow:0 9px 28px rgba(199,250,112,.12)}
.logo svg{width:29px}.wordmark{min-width:0;font:800 23px/1 var(--display);letter-spacing:-1px}.wordmark>span,.drive-brand strong span{color:var(--lime)}
.wordmark small,.drive-brand small{display:block;color:#879bb0;font:700 8px/1.5 var(--font);letter-spacing:1.15px;margin-top:6px}
.side-scroll{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#54705e transparent;padding:2px 3px 8px}
.side-label{padding:4px 11px;margin:7px 0 9px;font:800 10px var(--font);letter-spacing:1.7px;color:#748ba3}
.secondary-label{margin-top:24px}.side-nav{display:grid;gap:4px}
.nav-item{display:flex;gap:12px;align-items:center;width:100%;min-height:43px;padding:11px 12px;border:1px solid transparent;border-radius:12px;background:transparent;text-align:left;color:#a1b5c9;font-size:12px;font-weight:700;transition:.18s}
.nav-item:hover,.nav-item.active{background:#1b2c3a;color:#f3faff;border-color:#294035}
.nav-item.active{box-shadow:inset 3px 0 var(--lime)}.nav-symbol{display:grid;place-items:center;width:20px;color:#8fafbc;font-size:16px}.nav-item.active .nav-symbol,.nav-end{color:var(--lime)}.nav-end,#favCount{margin-left:auto}
.side-feature{display:grid;gap:6px;margin:28px 5px 10px;padding:14px 15px;border:1px solid rgba(199,250,112,.15);border-radius:15px;background:linear-gradient(140deg,rgba(199,250,112,.09),rgba(49,91,102,.10))}
.side-feature-icon{color:var(--lime);font-size:20px}.side-feature strong{font:700 14px/1.2 var(--display)}.side-feature span{color:#a2b5c0;font-size:11px;line-height:1.55}
.side-bottom{flex:0 0 auto;padding:13px 10px 7px;margin-top:7px;border-top:1px solid var(--line)}.side-bottom small{font:700 9px/1.8 var(--font);letter-spacing:.55px;color:#7891a6}.side-bottom strong{color:#c8d7e3}
.main{min-width:0;width:100%}
.top{min-width:0;min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px var(--gutter);border-bottom:1px solid var(--line)}.top-left,.top-right{display:flex;align-items:center;gap:16px;min-width:0}.top-kicker{display:flex;gap:12px;align-items:center;font-size:10px;font-weight:800;letter-spacing:1.7px;color:#aebdcb}.pulse,.tiny-signal{flex:0 0 auto;display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(199,250,112,.10)}
.top-time{white-space:nowrap;color:#91a5b8;font-size:11px;font-variant-numeric:tabular-nums}.status-trigger{display:flex;align-items:center;gap:10px;white-space:nowrap;padding:10px 14px;border:1px solid var(--line);background:#162433;border-radius:999px;font-size:11px;font-weight:700}.chevron{color:var(--lime)}.menu-trigger{display:none;border:0;background:none;font-size:25px;padding:2px 6px}
/* Hero is a genuine grid — the illustration cannot cover the title at browser zoom. */
.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);align-items:center;gap:clamp(12px,2.5vw,40px);width:calc(100% - 2*var(--gutter));min-height:clamp(380px,41vw,490px);margin:clamp(16px,2vw,28px) var(--gutter) 0;padding:clamp(25px,4vw,65px);overflow:hidden;border:1px solid rgba(183,218,240,.17);border-radius:clamp(18px,2vw,28px);background:radial-gradient(ellipse at 82% 35%,rgba(91,131,107,.25),transparent 48%),linear-gradient(125deg,#15273a,#121e2d 55%,#12232b);box-shadow:0 20px 55px rgba(0,0,0,.15)}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(239,247,250,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(239,247,250,.025) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,#000)}
.hero-text{position:relative;min-width:0;max-width:660px;z-index:1}.eyebrow,.section-overline{display:inline-flex;align-items:center;gap:8px;color:var(--lime);font:800 10px/1.5 var(--font);letter-spacing:1.7px}.hero h1{font:800 clamp(36px,4.5vw,76px)/.99 var(--display);letter-spacing:clamp(-2.8px,-.2vw,-.7px);margin:22px 0 18px;overflow-wrap:normal;hyphens:none}.hero h1 em,.period{font-style:normal;color:var(--lime)}.hero p{max-width:480px;color:#afc0cf;font-size:clamp(12px,1.1vw,15px);line-height:1.8;margin:0}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.action-primary,.action-ghost{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:12px 17px;border-radius:12px;font-weight:800;font-size:12px}.action-primary{border:1px solid transparent;color:#14251b;background:var(--lime)}.action-primary:hover{background:#defeaa}.action-ghost{border:1px solid #445f60;background:rgba(255,255,255,.04);color:#e9f4ef}.action-ghost span{font-size:18px;color:var(--lime)}.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin-top:26px;color:#9db0c0;font-size:10px}.hero-meta b{color:var(--lime)}.hero-line{height:4px;width:4px;border-radius:50%;background:#698493}
.hero-visual{position:relative;right:auto;top:auto;bottom:auto;min-width:0;width:100%;height:100%;min-height:260px;display:grid;place-items:center;overflow:visible;pointer-events:none}.vinyl-glow{position:absolute;width:min(80%,380px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(199,250,112,.22),transparent 70%);filter:blur(25px)}.vinyl-orbit{position:absolute;width:min(82%,340px);aspect-ratio:1;border:1px solid rgba(199,250,112,.15);border-radius:50%}.vinyl-orbit.o2{width:min(100%,415px)}.vinyl-orbit.o3{width:min(120%,490px);border-style:dashed;opacity:.55}.vinyl{position:relative;display:grid;place-items:center;width:min(77%,330px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 3px,rgba(225,241,250,.04) 4px 5px,transparent 6px 9px),conic-gradient(from 40deg,#10171f,#364350,#0b121d,#344654,#080c13,#283746);border:1px solid #5a6e78;box-shadow:0 25px 65px #000a,inset 0 0 28px #000a;animation:vinylTurn 29s linear infinite}.vinyl:before{content:'';position:absolute;inset:13%;border:1px solid rgba(255,255,255,.06);border-radius:50%}.vinyl-label{display:grid;place-content:center;width:34%;aspect-ratio:1;border-radius:50%;text-align:center;background:var(--lime);color:#15221b;box-shadow:0 0 28px rgba(199,250,112,.4);line-height:1.05;transform:rotate(-12deg)}.vinyl-label span{font:700 clamp(10px,1vw,15px) var(--display);letter-spacing:1px}.vinyl-label strong{font:800 clamp(14px,1.3vw,20px) var(--display)}.vinyl-label small{font:800 clamp(6px,.6vw,8px) var(--font);margin-top:8px}.float-tag{position:absolute;border:1px solid rgba(199,250,112,.3);padding:9px 12px;border-radius:11px;background:rgba(10,22,28,.90);font-size:9px;letter-spacing:1.1px;font-weight:800;color:#d9e9da}.float-tag.first{left:-2%;top:19%}.float-tag.second{right:-2%;bottom:12%}.float-tag i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-left:6px}@keyframes vinylTurn{to{transform:rotate(360deg)}}
/* Discover — natural content sizing with an auto-fit responsive station catalog. */
.discovery{padding:clamp(30px,4vw,60px) var(--gutter) 44px;min-width:0}.intro{display:flex;align-items:end;justify-content:space-between;gap:18px;min-width:0}.intro>div{min-width:0}.intro h2{font:800 clamp(26px,3vw,43px)/1.12 var(--display);letter-spacing:-1.2px;margin:10px 0}.intro h2 span{color:var(--lime)}.intro p{margin:0;color:var(--sub);line-height:1.5;font-size:12px}.results{flex-shrink:0;border:1px solid #365246;background:rgba(199,250,112,.06);border-radius:10px;padding:9px 12px;font-size:10px;font-weight:800;letter-spacing:.8px;color:var(--lime)}
.search-wrap{margin-top:26px}.searchbox{display:flex;align-items:center;gap:12px;min-width:0;min-height:58px;padding:7px 8px 7px 16px;background:#152334;border:1px solid #324254;border-radius:15px}.searchbox:focus-within{border-color:var(--lime)}.glass{color:var(--lime);font-size:27px;line-height:1}.searchbox input{flex:1;min-width:0;min-height:38px;border:0;background:none;outline:none;color:#eef8fc;font-size:13px}.searchbox input::placeholder{color:#8196a9}.searchbox kbd{font-size:10px;color:#8094a6;white-space:nowrap}.searchbox button{flex:0 0 auto;background:var(--lime);border:0;border-radius:11px;padding:12px 18px;color:#15251c;font-size:12px;font-weight:800}.searchbox button span{margin-left:7px}
.filters{display:flex;align-items:start;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:14px}.quick-picks{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.chip{min-height:33px;padding:7px 12px;border:1px solid #314353;background:#142031;border-radius:999px;color:#b0bfd0;white-space:nowrap;font-size:11px;font-weight:700}.chip:hover{border-color:#819c7e;color:#fff}.chip.selected{background:#243a29;border-color:#719457;color:var(--lime)}.filters-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.filters-right label{color:#92a7ba;font-size:10px;font-weight:800}.filters-right select{max-width:170px;min-height:34px;padding:6px 8px;background:#162537;border:1px solid #344655;border-radius:10px;color:#d9e6ee;font-size:11px}
.list-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:28px 0 16px;padding-bottom:15px;border-bottom:1px solid var(--line)}.list-head>span{font-size:10px;font-weight:800;color:#b7c7d6;letter-spacing:1.4px}.list-indicator{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:10px}.list-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.source-label{font-size:10px;color:#8fa3b8}.shuffle{border:0;background:transparent;color:var(--lime);font-size:11px;font-weight:800}.shuffle:hover{text-decoration:underline}
.station-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:12px;align-items:stretch}.station-card{min-width:0;display:flex;flex-direction:column;gap:12px;min-height:220px;padding:17px;border:1px solid #2b3b4b;border-radius:18px;background:linear-gradient(150deg,#192636,#111b29);box-shadow:0 15px 28px rgba(0,0,0,.12);transition:transform .2s,border-color .2s}.station-card:hover{border-color:#71955c;transform:translateY(-2px)}.station-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.station-art{width:57px;height:57px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(140deg,#304c53,#1c3044);color:var(--lime);font-size:22px;overflow:hidden;flex:0 0 auto}.station-art img,.player-art img{display:block;width:100%;height:100%;object-fit:cover}.heart{display:grid;place-items:center;width:35px;height:35px;border:0;border-radius:50%;background:#223247;color:#a8b9c9;font-size:19px}.heart.on{color:var(--lime);background:#30492f}.station-main{display:grid;gap:7px;min-width:0}.station-card h3{font:800 clamp(17px,1.65vw,21px)/1.12 var(--display);letter-spacing:-.5px;margin:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.station-meta{font-size:11px;color:#9eb1c3;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.station-tags{display:flex;flex-wrap:wrap;gap:5px;max-height:62px;overflow:hidden}.meta-pill{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;padding:5px 8px;border:1px solid #324758;border-radius:999px;background:#1a2b3c;color:#b6cadd;font-size:9px;font-weight:800}.meta-pill.green{color:var(--lime);border-color:#496d43;background:#213326}.station-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.live-label{color:#b1d490;letter-spacing:.8px;font-weight:800;font-size:9px}.tune-btn{flex:0 0 auto;min-width:73px;min-height:36px;padding:9px 12px;border:0;border-radius:10px;background:var(--lime);color:#14251b;font-size:11px;font-weight:800}.tune-btn.active{background:#2a4833;color:#d9ffb8;border:1px solid #638255}
.loading,.empty{grid-column:1/-1;padding:30px;border:1px dashed #395064;border-radius:16px;color:#93a9bc;background:#101c29}.notice{padding:12px 16px;margin:0 0 15px;border:1px solid #8b4343;border-radius:11px;background:#422529;color:#ffdbd9;font-size:12px}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:28px}.pagination button{padding:11px 13px;background:#152334;border:1px solid #314558;border-radius:10px;font-size:11px;font-weight:700}.pagination span{color:#94abc0;font-size:11px}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:22px var(--gutter);border-top:1px solid var(--line);font-size:9px;color:#6f8ca1;letter-spacing:.85px}.footer i{font-style:normal}
/* Floating player — fixed dimensions and reserved page space at each breakpoint. */
.player{position:fixed;inset:auto 0 0;z-index:40;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(135px,.28fr);align-items:center;gap:clamp(8px,2vw,25px);height:var(--dock-h);padding:10px clamp(12px,2vw,30px);border-top:1px solid #344b50;background:rgba(8,17,27,.97);backdrop-filter:blur(18px);box-shadow:0 -13px 40px rgba(0,0,0,.24)}.player-identity{display:flex;align-items:center;gap:11px;min-width:0}.player-art{display:grid;place-items:center;overflow:hidden;flex:0 0 auto;width:54px;height:54px;border-radius:14px;background:#263c45;color:var(--lime);font-size:23px}.player-info{display:grid;gap:3px;min-width:0;flex:1}.player-info span,.player-info strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-caption{font-size:9px;letter-spacing:1px;font-weight:800;color:var(--lime)}.player-info strong{font:800 clamp(14px,1.3vw,19px)/1.06 var(--display)}#playerSub{color:#a6b9c9;font-size:11px}.player-meta{color:#7e96aa;font-size:10px}.player-fav{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border:0;border-radius:50%;background:#1d2e40;color:var(--lime);font-size:21px}.player-center{display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap}.retry-btn,.studio-launch{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid #38534c;border-radius:12px;background:#1e332c;color:#e3f1e8;font-size:12px;font-weight:800}.retry-btn{width:42px;font-size:21px}.studio-launch{padding:0 13px}.play-toggle{display:grid;place-items:center;flex:0 0 auto;width:54px;height:54px;border:0;border-radius:17px;background:var(--lime);color:#13281a;font-size:24px;font-weight:900;box-shadow:0 12px 26px rgba(199,250,112,.15)}.player-volume{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0;color:#acc0cf}.player-volume input{min-width:0;width:clamp(68px,9vw,130px);accent-color:var(--lime)}.player-volume span:last-child{width:32px;text-align:right;font-size:11px}
/* Dialogs. */
.scrim,.modal-backdrop,.studio-overlay{position:fixed;inset:0}.scrim{z-index:48;background:rgba(2,9,15,.7);backdrop-filter:blur(4px)}.modal-backdrop{z-index:80;display:grid;place-items:center;padding:16px;background:rgba(2,9,15,.76)}.modal{position:relative;width:min(100%,560px);max-height:90dvh;overflow-y:auto;padding:clamp(20px,3vw,32px);border:1px solid #345060;border-radius:21px;background:#132131;box-shadow:0 30px 100px #0009}.modal-close{position:absolute;right:14px;top:14px;border:0;background:#293d4b;border-radius:50%;width:35px;height:35px}.modal h2{font:800 clamp(26px,3vw,36px) var(--display)}.diagnostic{display:grid;gap:9px}.diagnostic-row{display:flex;justify-content:space-between;gap:15px;padding:13px;background:#1b2e40;border-radius:11px;font-size:12px}.diagnostic-row span{color:#b3c6d6;text-align:right}
/* Studio: intrinsically scrollable panel on every viewport, including browser zoom. */
.studio-overlay{z-index:90;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:radial-gradient(ellipse at 12% 12%,rgba(199,250,112,.08),transparent 44%),linear-gradient(145deg,#091621,#0a1622 55%,#0c1d26)}
.studio-inner{display:flex;flex-direction:column;width:min(100%,1510px);min-height:100dvh;margin:0 auto;padding:clamp(14px,2.4vw,34px);overflow:visible}.studio-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--line)}.drive-brand{display:flex;gap:11px;align-items:center;min-width:0}.drive-brand strong{font:800 24px/1 var(--display);letter-spacing:-.8px}.drive-brand small{font-size:9px}.studio-header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.studio-header-actions span{font-size:clamp(13px,1.7vw,23px);color:var(--lime);white-space:nowrap;font-weight:800;font-variant-numeric:tabular-nums}.studio-header-actions button{min-height:37px;padding:8px 11px;border:1px solid #416056;border-radius:10px;background:#20362f;font-size:11px;font-weight:700}
.studio-body{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(22px,4vw,65px);align-items:center;flex:1;padding:clamp(20px,3vw,38px) 0;min-width:0}.studio-scene,.studio-detail{min-width:0}.studio-scene{display:grid;gap:14px}.studio-scene-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.studio-scene-kicker,.studio-scene-meta,.studio-eyebrow,.studio-now-label{font:800 10px var(--font);letter-spacing:1.5px;color:var(--lime)}.studio-scene-meta{color:#9bb2bf;letter-spacing:.5px}.live-dot,.studio-led{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(199,250,112,.09)}
.signature-record{position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;width:100%;height:clamp(240px,28vw,405px);padding:16px;border:1px solid #345047;border-radius:26px;background:radial-gradient(circle at center,rgba(110,151,107,.2),transparent 67%),linear-gradient(140deg,#16242e,#0b1721)}.signature-record:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(239,247,250,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(239,247,250,.026) 1px,transparent 1px);background-size:28px 28px}.studio-record-glow{position:absolute;width:76%;aspect-ratio:1;filter:blur(24px);border-radius:50%;background:rgba(199,250,112,.14)}.studio-record-shell{position:relative;display:grid;place-items:center;width:min(78%,350px);aspect-ratio:1}.studio-record-shell:before{content:'';position:absolute;inset:0;border:1px solid #476a4c;border-radius:50%}.studio-art{display:grid;place-items:center;overflow:hidden;flex:0 0 auto;width:84%;aspect-ratio:1;margin:0;border:1px solid #465d67;border-radius:50%;background:repeating-radial-gradient(circle,#0d1720 0 4px,#293c49 5px 7px);box-shadow:0 14px 55px #000a;color:var(--lime);font-size:48px;animation:vinylTurn 28s linear infinite}.studio-art img{width:61%;height:61%;object-fit:contain;border-radius:50%;background:#e5f8cd;animation:vinylTurn 28s linear infinite reverse}.studio-now-card{display:grid;gap:7px;padding:14px 18px;border:1px solid var(--line);border-radius:17px;background:#111f2b}.studio-now-card strong{font:800 clamp(18px,2vw,25px)/1.1 var(--display);overflow-wrap:anywhere}.studio-now-card span:last-child{font-size:12px;color:#a1b6c7}
.studio-detail{display:grid;gap:14px}.studio-heading-stack{display:grid;gap:10px}.studio-heading-stack h2{font:800 clamp(30px,4.1vw,70px)/1 var(--display);letter-spacing:-1.6px;margin:0;overflow-wrap:anywhere}.studio-heading-stack p{color:#aabccc;margin:0;font-size:13px;line-height:1.5}.studio-badges{display:flex;flex-wrap:wrap;gap:6px}.studio-pill{display:inline-flex;align-items:center;max-width:100%;min-height:30px;padding:6px 10px;border:1px solid #385365;border-radius:999px;background:#172a3b;color:#bed2df;font-size:10px;font-weight:700;overflow-wrap:anywhere}
.studio-status-card{display:grid;gap:8px;padding:17px;border:1px solid #3a524b;border-radius:17px;background:#162635}.studio-status-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.studio-phase{display:inline-flex;align-items:center;min-height:24px;padding:5px 10px;border-radius:999px;background:var(--lime-soft);color:var(--lime);font-size:9px;letter-spacing:1px;font-weight:800}.studio-audio-status{font-size:9px;letter-spacing:1px;color:#afc3d2;font-weight:800}.studio-status-card strong{font:800 clamp(18px,2.2vw,28px)/1.12 var(--display)}.studio-status-card p{margin:0;color:#9db4c4;font-size:11px;line-height:1.5}.studio-progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#95acbb}.studio-progress-head span:last-child{color:var(--lime)}.studio-signal-track{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.studio-signal-track span{height:5px;border-radius:100px;background:#294251}.studio-signal-track span.active{background:var(--lime)}.studio-visualizer{display:flex;align-items:center;justify-content:center;gap:5px;height:38px;padding:8px;background:rgba(255,255,255,.03);border-radius:14px}.studio-visualizer span{width:4px;height:8px;background:var(--lime);border-radius:4px;opacity:.4}.studio-overlay.is-playing .studio-visualizer span{animation:equalize .9s ease-in-out infinite alternate;animation-delay:calc(var(--i,1)*-85ms)}.studio-visualizer span:nth-child(2n){--i:2}.studio-visualizer span:nth-child(3n){--i:5}.studio-visualizer span:nth-child(5n){--i:3}@keyframes equalize{to{height:26px;opacity:1}}.studio-controls{display:flex;align-items:center;gap:12px}.studio-controls button{display:grid;place-items:center;flex:0 0 auto;width:52px;height:52px;border:1px solid #496e58;border-radius:16px;background:#1d382d;color:#dff6e4;font-size:23px}.studio-controls .studio-play{width:74px;height:74px;border-radius:21px;background:var(--lime);border:0;color:#17281b;font-size:33px;box-shadow:0 12px 26px rgba(199,250,112,.15)}.studio-volume{display:flex;align-items:center;gap:13px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;color:#a9c0c8;font-size:12px}.studio-volume input{flex:1;min-width:0;max-width:300px;accent-color:var(--lime)}.studio-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:15px;border-top:1px solid var(--line);font-size:9px;letter-spacing:1px;color:#758fa2}.studio-overlay.status-live .studio-status-card{border-color:#6b9554}.studio-overlay.status-error .studio-phase{background:#4b2a2a;color:#ffc0b8}.studio-overlay.status-error .studio-progress-head span:last-child{color:#ffbab8}.studio-overlay.status-paused .studio-phase{background:#30424d;color:#cbdae6}.studio-overlay.status-recovering .studio-status-card{border-color:#a08054}body.studio-mode{overflow:hidden}
@media (max-width:1250px){:root{--side-w:0px}.app-shell{grid-template-columns:minmax(0,1fr)}.side{position:fixed;top:0;left:0;bottom:var(--dock-h);width:min(290px,87vw);height:auto;transform:translateX(-103%);transition:transform .2s;z-index:55;border-right:1px solid #405f5b}.side.open{transform:translateX(0)}.menu-trigger{display:block}.hero h1{font-size:clamp(37px,4.5vw,67px)} }
@media (max-width:1000px){.hero{grid-template-columns:minmax(0,1fr);gap:18px}.hero-text{max-width:740px}.hero-visual{min-height:235px;height:255px}.hero h1{font-size:clamp(38px,5.6vw,60px)}.vinyl{width:min(225px,50%)}.vinyl-orbit{width:230px}.vinyl-orbit.o2{width:290px}.vinyl-orbit.o3{width:350px}.float-tag.first{left:12%;top:13%}.float-tag.second{right:11%;bottom:11%}.studio-body{grid-template-columns:minmax(0,1fr);gap:22px;align-items:stretch}.studio-scene,.studio-detail{width:100%;max-width:780px;margin:0 auto}.signature-record{height:300px}.studio-record-shell{width:min(50%,270px)}}
@media (max-width:850px){:root{--dock-h:82px}.player{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:8px 13px}.player-volume{display:none}.player-art{width:46px;height:46px}.player-info strong{font-size:16px}.player-caption{font-size:8px}.retry-btn,.studio-launch{height:39px;min-height:39px}.retry-btn{width:38px}.studio-launch{padding:0 11px}.studio-launch-text{display:none}.play-toggle{width:46px;height:46px;border-radius:14px;font-size:21px}.player-fav{width:33px;height:33px}.hero{min-height:0}}
@media (max-width:640px){:root{--dock-h:78px;--gutter:15px}.top{min-height:62px}.top-time{display:none}.top-kicker{font-size:9px;letter-spacing:.7px}.status-trigger{padding:9px 11px}.hero{padding:25px 22px;gap:0}.hero h1{font-size:clamp(34px,9vw,49px);letter-spacing:-1.6px}.hero p{font-size:12px}.hero-visual{height:198px;min-height:198px;margin-top:12px}.vinyl{width:180px}.vinyl-orbit{width:190px}.vinyl-orbit.o2{width:230px}.vinyl-orbit.o3{width:280px}.float-tag{padding:7px 9px;font-size:8px}.float-tag.first{left:2%;top:18%}.float-tag.second{right:1%;bottom:10%}.hero-meta{margin-top:18px}.intro{align-items:start;flex-direction:column;gap:11px}.searchbox{gap:7px;padding:7px 9px}.searchbox kbd{display:none}.searchbox input{font-size:12px}.searchbox button{padding:12px 12px}.filters{align-items:stretch}.quick-picks{flex-wrap:nowrap;max-width:100%;overflow-x:auto;padding:0 0 7px;scrollbar-width:thin}.filters-right{justify-content:flex-end}.list-head{margin-top:24px}.station-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.station-card{min-height:200px}.player-info #playerSub{display:none}.player-meta{font-size:9px}.player-fav{display:none}.studio-header-actions{width:100%;justify-content:space-between}.studio-scene-top{gap:7px}.studio-scene-meta{display:none}.studio-body{padding:15px 0}.signature-record{height:232px}.studio-record-shell{width:min(61%,220px)}.studio-now-card{display:none}.studio-heading-stack h2{font-size:clamp(29px,8vw,45px)}.studio-heading-stack p{font-size:12px}.studio-pill{font-size:9px}.studio-status-card{padding:14px}.studio-status-card strong{font-size:21px}.studio-status-card p{font-size:11px}.studio-visualizer{display:none}.studio-controls{justify-content:center}.studio-status-top{gap:6px}.studio-progress-head{font-size:9px}}
@media (max-width:380px){.hero h1{font-size:clamp(30px,8.8vw,40px)}.hero-visual{height:165px;min-height:165px}.vinyl{width:144px}.vinyl-orbit{width:165px}.vinyl-orbit.o2{width:200px}.vinyl-orbit.o3{width:230px}.float-tag.second{right:-8px}.player{gap:5px;padding:8px}.player-art{width:38px;height:38px}.player-identity{gap:6px}.player-info strong{font-size:13px}.player-center{gap:4px}.retry-btn{width:33px}.studio-launch{padding:0 9px}.play-toggle{width:42px;height:42px}.studio-header-actions span{font-size:12px}.studio-header-actions button{padding:7px}.studio-record-shell{width:min(65%,190px)}.signature-record{height:195px}.studio-status-card .studio-progress-head{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vinyl,.studio-art,.studio-art img,.studio-visualizer span{animation:none!important}.station-card,.side{transition:none!important}}
@media (max-width:400px){
 .top{gap:5px;padding:10px 9px}
 .top-kicker{font-size:8px;letter-spacing:.6px;gap:7px}
 .top-left,.top-right{gap:5px}
 .status-trigger{padding:8px 9px;gap:5px}
 .status-trigger span:nth-child(2){display:none}
}

/* 4.3.1 — SEO pages with server-rendered useful content; no player changes. */
.seo-route-intro,.seo-landings{min-width:0;margin:28px var(--gutter) 0;padding:clamp(22px,3.3vw,42px);border:1px solid var(--line);border-radius:22px;background:linear-gradient(125deg,#102131,#101e2d 66%,#101c24)}
.seo-route-intro{max-width:none}.seo-content-page .hero{display:none}
.seo-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#99b0c1;font-size:12px;margin-bottom:23px}.seo-breadcrumb a{color:var(--lime)}
.seo-kicker{display:block;color:var(--lime);font-size:10px;letter-spacing:1.7px;font-weight:800}
.seo-route-intro h1{font:800 clamp(29px,4vw,58px)/1.07 var(--display);margin:14px 0 15px;letter-spacing:-.03em;max-width:18ch}
.seo-route-intro h2,.seo-landings h2{font:800 clamp(23px,2.5vw,35px)/1.1 var(--display);margin:25px 0 12px}
.seo-route-intro p,.seo-landings p{font-size:14px;line-height:1.8;color:#aebfce;max-width:86ch}
.seo-route-intro .seo-lead{font-size:clamp(15px,1.4vw,18px);line-height:1.65;color:#e4f0f7}
.seo-route-intro ul{display:grid;gap:9px;padding-left:22px;color:#acbfcb;font-size:13px;line-height:1.5;margin:12px 0 25px}
.seo-route-action{display:inline-flex;align-items:center;gap:16px;background:var(--lime);border-radius:12px;color:#14241a;font-size:13px;font-weight:800;padding:13px 18px}
.seo-landings{margin:4px var(--gutter) 32px}.seo-landings h2{margin-top:9px}.seo-landings p{margin:9px 0 20px}
.seo-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,215px),1fr));gap:12px}
.seo-link-card{position:relative;display:grid;align-content:start;gap:8px;min-width:0;min-height:126px;padding:18px 20px;border:1px solid #314758;border-radius:14px;background:#172635;transition:background .2s,border-color .2s}
.seo-link-card:hover{background:#203447;border-color:#769a5f}
.seo-link-card>span:first-child{font:800 17px/1.17 var(--display);color:#e8f2f8}
.seo-link-card small{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#a2b6c6;line-height:1.4;font-size:11px}
.seo-link-arrow{position:absolute;top:12px;right:15px;color:var(--lime);font-size:16px}
.seo-landings .seo-disclaimer{color:#849baa;font-size:11px;margin:22px 0 0}
@media(max-width:680px){.seo-route-intro,.seo-landings{padding:20px;border-radius:18px;margin-inline:var(--gutter)}.seo-route-intro h1{font-size:clamp(28px,8vw,42px)}.seo-link-card{min-height:106px}}