:root{color-scheme:dark;--bg:#101113;--panel:#191b1e;--line:#303237;--muted:#9b9fa7;--lime:#72efb1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f4f5f7;font:15px 'DM Sans',system-ui,sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit}header{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6vw}.logo{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:26px;letter-spacing:-1.5px;text-decoration:none}.dot{color:var(--lime)}.badge{border:1px solid var(--line);padding:9px 13px;border-radius:30px;font-size:12px;color:var(--muted)}main{max-width:1160px;margin:54px auto;padding:0 28px}.eyebrow{color:var(--lime);text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(36px,5vw,58px);letter-spacing:-2.5px;line-height:1.08;margin:15px 0}h2{font-size:21px;margin:0 0 8px}p{color:var(--muted);line-height:1.6}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.grid{display:grid;grid-template-columns:1.55fr 1fr;gap:22px}.card{border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:28px}.card+.card{margin-top:22px}.cardhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.tag{color:var(--muted);font-size:11px;letter-spacing:1px}.indicator{width:7px;height:7px;border-radius:50%;display:inline-block;background:#78836e;margin-right:7px}.indicator.live{background:var(--lime);box-shadow:0 0 12px #72efb166}label{display:block;color:var(--muted);font-size:12px;margin:18px 0 9px}input,select{background:#121315;border:1px solid var(--line);color:#edf1e8;border-radius:9px;padding:13px;width:100%;min-width:0}.primary,.secondary{border:0;border-radius:10px;padding:14px 20px;font-weight:700}.primary{background:var(--lime);color:#17200c}.secondary{background:#272d22;color:#e3e9dc;border:1px solid #3b4432}.full{width:100%}.row{display:flex;gap:10px;align-items:center}.meters{padding:26px 0}.meterrow{display:flex;gap:12px;align-items:center;margin:10px 0;font-size:11px;color:var(--muted)}.track{height:11px;background:#10140e;border-radius:3px;flex:1;overflow:hidden}.fill{width:0;height:100%;background:linear-gradient(90deg,#8fcb54,#72efb1 80%,#ffaf59);transition:width .08s}.scale{display:flex;justify-content:space-between;margin-left:20px;font-size:10px;color:#78836e}.hint{font-size:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.stat{border-left:1px solid var(--line);padding-left:15px}.stat:first-child{border:0;padding:0}.number{font-family:'Space Grotesk',system-ui,sans-serif;font-size:27px;margin-top:9px}.small{font-size:11px;color:var(--muted)}.broadcast{background:var(--lime);color:#18200f;border-radius:13px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between}.broadcast p{color:#485d30;margin:4px 0;font-size:12px}.switch{border:1px solid #18200f;background:#18200f;color:var(--lime);border-radius:25px;padding:12px 21px;font-weight:700}.share{background:#121315;border:1px solid var(--line);padding:12px;border-radius:9px;word-break:break-all;color:var(--muted);font-size:12px;margin:18px 0}.note{border:1px solid #3c4930;background:#20291a;padding:14px 17px;border-radius:10px;font-size:12px;color:#b6c5a5;line-height:1.6}.notice{min-height:22px;color:#72efb1;font-size:13px;margin-top:14px}.cover{height:170px;background:radial-gradient(ellipse at 70% 20%,#cadb7955,transparent 60%),repeating-linear-gradient(145deg,#35452b 0px,#35452b 1px,#202c1c 1px,#202c1c 14px);border-radius:12px;margin-bottom:20px;display:flex;align-items:end;padding:20px;font-family:'Space Grotesk',system-ui,sans-serif;font-size:35px;letter-spacing:-2px}.listener{max-width:500px;margin:48px auto;text-align:center}.listener .cover{height:240px;text-align:left}.listener h1{font-size:42px}.listenbutton{padding:20px;width:100%;margin:15px 0}.livepill{display:inline-block;border:1px solid #4b6236;color:var(--lime);padding:7px 12px;border-radius:30px;font-size:11px}footer{max-width:1160px;margin:40px auto;padding:22px 28px;border-top:1px solid var(--line);color:#7b8770;font-size:11px;display:flex;justify-content:space-between}audio{width:100%;margin:14px 0} @media(max-width:760px){header{height:74px;padding:0 22px}.grid{grid-template-columns:1fr}main{margin:30px auto;padding:0 18px}.card{padding:22px}.intro{align-items:start}.intro .badge{display:none}.stats{gap:6px}.number{font-size:23px}footer{margin:24px 18px;padding:20px 0}.listener{padding:0 16px}}
.audio-console{margin-top:25px;padding-top:24px;border-top:1px solid var(--line)}.audio-console output{font-variant-numeric:tabular-nums;float:right;color:var(--lime)}.audio-console input[type=range]{padding:0;accent-color:var(--lime);margin:7px 0 14px}.levelbox{padding:18px;background:#121315;border:1px solid var(--line);border-radius:12px;margin-top:18px}.spread{justify-content:space-between;flex-wrap:wrap}.levelbox strong{font-size:12px}.levelbox output{font-size:13px}.checklabel{display:flex;align-items:center;gap:10px;color:#f4f5f7}.checklabel input{width:18px;height:18px;accent-color:var(--lime)}.warning{color:#ffaf59!important}.fill{background:#bce46a}.fill.over{background:#ff795f}
/* Listener: a compact live listening screen. */
.listener-page{background:#101113;background-image:radial-gradient(ellipse at 50% 0,#20262a 0,transparent 65%);min-height:100svh}.listener-page> #app>header{display:none}.live-player{width:min(100%,430px);margin:0 auto;padding: max(16px,env(safe-area-inset-top)) 24px max(14px,env(safe-area-inset-bottom));min-height:100svh;min-height:100dvh;display:flex;flex-direction:column;gap:0}.player-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px;flex-shrink:0}.mini-brand{font-size:16px;letter-spacing:-.8px;font-weight:750}.mini-brand>span{color:var(--lime);font-size:10px;margin:0 2px}.session-label{font-size:9px;letter-spacing:1.7px;color:#b5c3b0}.icon-button{width:40px;height:40px;display:grid;place-items:center;background:transparent;border:0;color:#dce7d8;border-radius:50%;padding:9px}.icon-button:hover{background:#ffffff0d}.icon-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.artwork{width:100%;height:clamp(150px,calc(100dvh - 560px),300px);min-height:150px;position:relative;overflow:hidden;border-radius:14px;background:#d0ed94;color:#18341b;box-shadow:0 18px 50px #0005;flex-shrink:1;isolation:isolate}.artwork:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#00000008 0px,#00000008 1px,transparent 1px,transparent 3px);z-index:3;pointer-events:none}.art-caption{position:absolute;left:19px;top:18px;font-size:9px;letter-spacing:2px;line-height:1.5;font-weight:700;z-index:2}.record-art{position:absolute;width:87%;aspect-ratio:1;right:-19%;top:7%;border-radius:50%;background:repeating-radial-gradient(circle at 50%,#182a1e 0px,#182a1e 2px,#30412e 3px,#15291d 4px);box-shadow:-15px 8px 24px #20371440;display:grid;place-items:center;transform:rotate(-22deg)}.record-label{background:#bfdd8d;border-radius:50%;width:45%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.record-label:after{content:'';width:7px;height:7px;background:#1a2d20;border-radius:50%;position:absolute;bottom:17%}.record-label>span{font-size:24px;font-weight:800;line-height:1}.record-label strong{font-size:25px;letter-spacing:-1px;line-height:1.1}.record-label small{font-size:5px;letter-spacing:1px;margin-top:9px}.art-bottom{position:absolute;bottom:18px;left:19px;right:19px;font-size:8px;letter-spacing:2px;font-weight:700;z-index:2;display:flex;align-items:center;justify-content:space-between}.art-bottom>span{font-size:26px}.track-info{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:24px}.track-kicker{font-size:8px;letter-spacing:1.7px;color:#9cae96}.live-player h1{font:700 24px/1.12 system-ui,sans-serif;letter-spacing:-.9px;margin:7px 0 6px}.track-info p{font-size:12px;margin:0;color:#a3b29e}.track-info p span{margin:0 5px}.onair-badge{font-size:8px;white-space:nowrap;color:#a3b29e;display:flex;gap:5px;align-items:center;max-width:95px}.onair-badge i{width:5px;height:5px;background:#6a7864;border-radius:50%;flex-shrink:0}.onair-badge.is-live{color:var(--lime)}.onair-badge.is-live i{background:var(--lime)}.live-timeline{position:relative;height:3px;background:#344332;margin-top:23px;border-radius:5px}.live-timeline>span{display:block;width:100%;height:100%;background:#9ab878;border-radius:5px}.live-timeline>i{position:absolute;right:0;top:-3px;height:9px;width:9px;border-radius:50%;background:var(--lime)}.timeline-labels{display:flex;justify-content:space-between;font-size:10px;color:#9cae96;margin-top:9px;font-variant-numeric:tabular-nums}.timeline-labels>span:last-child{letter-spacing:1.5px;font-size:8px;color:var(--lime)}.timeline-labels i{display:inline-block;background:var(--lime);width:4px;height:4px;border-radius:50%;margin-left:4px}.transport{display:flex;justify-content:space-between;align-items:center;width:75%;margin:17px auto 0}.play-button{border:0;border-radius:50%;width:70px;height:70px;background:var(--lime);display:grid;place-items:center;color:#15200f;box-shadow:0 5px 25px #c0ed7120}.play-button:hover{transform:scale(1.04)}.play-button svg{width:28px;height:28px;fill:currentColor}.play-caption{text-align:center;color:#a3b29e;font-size:11px;margin-top:12px}.equalizer{height:22px;width:40px;display:flex;align-items:center;justify-content:center;gap:3px}.equalizer i{width:3px;height:5px;background:#7d9175;border-radius:3px}.equalizer.playing i{background:var(--lime);animation:equalize .9s ease-in-out infinite alternate}.equalizer i:nth-child(2){animation-delay:-.6s}.equalizer i:nth-child(3){animation-delay:-.2s}.equalizer i:nth-child(4){animation-delay:-.8s}.equalizer i:nth-child(5){animation-delay:-.4s}@keyframes equalize{from{height:5px}to{height:21px}}.connection-card{display:flex;align-items:center;gap:11px;background:#ffffff05;border:1px solid #ffffff0b;border-radius:12px;padding:14px;margin-top:23px}.connection-dot{width:7px;height:7px;border-radius:50%;background:#667660;flex-shrink:0}.connection-dot.receiving{background:var(--lime);box-shadow:0 0 12px #b8ec6c40}.connection-card strong{display:block;font-size:11px;font-weight:600}.connection-card div>span{font-size:10px;display:block;color:#94a18e;margin-top:4px;line-height:1.4}.connection-mark{margin-left:auto;color:#6f8564}.live-player .notice{font-size:11px;min-height:0;line-height:1.4;margin-top:8px}.live-player .notice:empty{display:none}.player-bottom{margin-top:auto;padding-top:20px;display:flex;justify-content:space-between;color:#697c61;font-size:8px;letter-spacing:1.5px}.muted{color:#e9aa7b}.live-player button:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.live-player audio[hidden]{display:none}@media(min-width:600px){.live-player{max-height:900px;min-height:min(100dvh,900px);padding-top:26px;padding-bottom:24px}.artwork{height:min(37dvh,340px)}}@media(max-height:720px){.live-player{padding-top:10px;padding-bottom:10px}.player-top{margin-bottom:10px}.artwork{height:29dvh;min-height:110px}.track-info{margin-top:15px}.live-timeline{margin-top:17px}.transport{margin-top:10px}.play-button{width:58px;height:58px}.connection-card{margin-top:13px;padding:11px}.player-bottom{padding-top:12px}.live-player h1{font-size:22px}.play-caption{margin-top:8px}}@media(max-height:490px) and (orientation:landscape){.live-player{width:min(100%,760px);display:grid;grid-template-columns:180px 1fr;column-gap:24px;min-height:100dvh}.player-top,.player-bottom{grid-column:1/-1}.artwork{grid-column:1;grid-row:2/8;height:180px}.track-info,.live-timeline,.timeline-labels,.transport,.play-caption,.connection-card,.notice{grid-column:2}.track-info{margin-top:0}.connection-card{margin-top:10px}}@media(prefers-reduced-motion:reduce){.equalizer.playing i{animation:none;height:12px}.play-button:hover{transform:none}}
.sound-verdict{padding:16px;border:1px solid #445732;border-radius:12px;background:#25331c;color:#d5edbd;font-size:14px;line-height:1.5;margin-bottom:20px}.simple-scale{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:8px 0 22px}.advanced-audio{border-top:1px solid var(--line);margin-top:20px;padding-top:17px}.advanced-audio summary{cursor:pointer;color:var(--muted);font-size:12px;padding:8px 0}.advanced-audio[open] summary{color:var(--lime)}.audio-console label{font-size:14px}.audio-console .hint{line-height:1.6}.meterrow[hidden]{display:none}
/* Studio mixer */
.studio-page{background:#101210;color:#eff2e9}.studio-page header{height:72px;padding:0 5vw;background:#141714}.studio-page footer{font-size:10px;margin:20px auto;padding:16px 0;max-width:1200px}.studio-page .studio-shell{max-width:1240px;margin:32px auto;padding:0 24px}.studio-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.studio-title h1{font:650 clamp(28px,3.5vw,42px)/1.1 system-ui;letter-spacing:-1.8px;margin:9px 0 0}.studio-title .eyebrow{font-size:9px}.studio-live{display:flex;align-items:center;gap:3px;font-size:10px;letter-spacing:1px;color:#b0baa5;border:1px solid #343b30;padding:10px 15px;border-radius:30px}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;align-items:start}.mixing-desk{background:linear-gradient(135deg,#242924,#1b201c);border:1px solid #3a4436;border-radius:18px;padding:0 22px 10px;box-shadow:0 15px 40px #0003,inset 0 1px #ffffff0a;min-width:0}.desk-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #394035;padding:18px 0;gap:8px}.desk-brand{font-size:16px;letter-spacing:-.7px;font-weight:750}.desk-brand small{margin-left:12px;font-size:8px;letter-spacing:1.6px;color:#7c8c75;font-weight:500}.desk-led{font-size:8px;letter-spacing:1px;color:#b9da87}.source-bar{display:flex;gap:8px;align-items:end;padding:18px 0}.source-bar>div{flex:1;min-width:0}.source-bar label{font-size:10px;margin:0 0 8px}.source-bar select{padding:12px;font-size:12px;max-width:100%}.source-bar .primary{font-size:11px;white-space:nowrap;padding:13px 15px}.source-bar .icon-button{font-size:24px;background:#ffffff06;height:42px;width:32px}.desk-strips{display:grid;grid-template-columns:.8fr .95fr 1.35fr;border:1px solid #3b4436;border-radius:12px;overflow:hidden;background:#161b16}.desk-strip{padding:18px 16px;text-align:center;min-width:0;position:relative}.desk-strip+.desk-strip{border-left:1px solid #343e2f}.strip-heading{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:9px}.strip-heading>span{font:10px ui-monospace,monospace;color:#718369}.strip-heading h2{font-size:15px;margin:0;letter-spacing:-.2px}.strip-caption{display:block;font-size:8px!important;letter-spacing:1.1px;color:#8b9b82;margin:0 0 18px!important;line-height:1.5}.vu-pair{height:188px;display:flex;justify-content:center;gap:6px;margin:16px 0 16px}.vu-rail{position:relative;width:20px;height:188px;overflow:hidden;border-radius:3px;background:#0a100a;border:1px solid #34412b}.vu-rail:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(to top,transparent 0px,transparent 6px,#151b15 6px,#151b15 9px);pointer-events:none}.vu-rail .fill{position:absolute;bottom:0;left:0;height:var(--level,0%);width:100%;transition:height .07s linear;background:linear-gradient(to top,#64ae57 0%,#bbdf6c 60%,#dfbc63 87%,#e6775c 97%);border-radius:0}.vu-rail .fill.over{background:#f17a5b}.vu-scale{display:flex;flex-direction:column;justify-content:space-between;text-align:left;padding:2px 0 3px 4px;font-size:7px;letter-spacing:.6px;color:#819175}.vu-scale span:first-child{color:#ce9465}.strip-foot{display:block;font-size:9px;color:#86977b}.strip-value{display:block;color:var(--lime);font:600 19px ui-monospace,monospace;margin-top:12px;min-height:23px}.fader-group{display:flex;justify-content:center;align-items:center;gap:6px;height:188px;margin:16px 0}.fader-scale{display:flex;flex-direction:column;justify-content:space-between;height:182px;font:8px ui-monospace,monospace;color:#788c6d}.vertical-fader{writing-mode:vertical-lr;direction:rtl;appearance:none;-webkit-appearance:none;width:35px;height:188px;background:linear-gradient(90deg,transparent 14px,#0a1008 14px,#0a1008 21px,transparent 21px);border:none;padding:0;margin:0 8px;cursor:ns-resize;border-radius:0}.vertical-fader::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:35px;height:24px;border:1px solid #b2b9ab;border-radius:4px;background:linear-gradient(#e2e5d9,#b5bca9 45%,#242f1c 46%,#242f1c 53%,#b5bca9 54%,#8c9880);box-shadow:0 3px 7px #0009}.vertical-fader::-moz-range-thumb{width:35px;height:24px;background:#c2cbb6;border:1px solid #829275;border-radius:4px}.vu-rail.slim{width:9px}.text-button{border:0;background:transparent;color:#8fa17f;font-size:9px;padding:10px 0 0;text-decoration:underline;text-underline-offset:3px}.master-strip{text-align:left;background:#1b231a}.master-strip .strip-heading{justify-content:flex-start}.master-strip .strip-caption{margin-bottom:9px!important}.master-strip select{font-size:12px;padding:11px}.quality-note{font-size:9px;color:#90a080;line-height:1.5;margin:8px 0 18px;min-height:27px}.protection-toggle{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:#c0cbb5;margin:0}.protection-toggle input{appearance:none;width:30px;height:17px;border-radius:20px;background:#3a4334;padding:2px;border:0;flex-shrink:0;cursor:pointer}.protection-toggle input:before{content:'';display:block;width:13px;height:13px;background:#b2bba9;border-radius:50%;transition:transform .2s}.protection-toggle input:checked{background:#6e9349}.protection-toggle input:checked:before{transform:translateX(13px);background:var(--lime)}.headphone-block{border-top:1px solid #36442e;margin-top:19px;padding-top:16px}.monitor-button{display:flex;align-items:center;gap:7px;text-align:left;background:#11180f;color:#b8c5ab;border:1px solid #3d4d32;border-radius:8px;padding:10px 9px;width:100%;font-size:10px;line-height:1.4}.monitor-button svg{height:19px;width:19px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}.monitor-button b{margin-left:auto;font:9px ui-monospace,monospace;color:#7c8e70}.monitor-button.is-on{border-color:#b2db6a;background:#2b3b20;color:var(--lime)}.monitor-button.is-on b{color:var(--lime)}.monitor-label{font-size:9px;margin:12px 0 6px;color:#859a77}.monitor-label output{float:right;color:#b9caaa}.headphone-block input[type=range]{padding:0;margin:7px 0;accent-color:var(--lime);height:14px;border:0;background:transparent}.tiny-note{font-size:8px;color:#718763}.sound-status{display:flex;align-items:center;gap:10px;padding:15px 2px;border-bottom:1px solid #394035;min-height:51px;font-size:11px;color:#b2c2a6;line-height:1.5}.status-light{width:7px;height:7px;display:inline-block;border-radius:50%;background:#66775d;flex-shrink:0;transition:background .2s}.status-light.good{background:var(--lime);box-shadow:0 0 12px #b9e37330}.status-light.bad{background:#ed9e65}.desk-bottom{display:flex;align-items:center;gap:28px;padding:17px 0 9px}.desk-stat>span{font-size:7px;letter-spacing:1.2px;color:#8e9e83;display:block;margin-bottom:7px}.desk-stat strong{font:500 23px ui-monospace,monospace;white-space:nowrap}.desk-stat small{font:10px system-ui;color:#7b8e6f}.go-live{margin-left:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #72efb1;border-radius:9px;background:var(--lime);color:#16230b;font-weight:700;font-size:12px;padding:16px 20px;min-width:210px}.go-live span{font-size:18px}.go-live.is-live{background:#30241c;border-color:#916345;color:#f3b18b}.mixing-desk .notice{font-size:10px;margin-top:6px;min-height:0}.mixing-desk .notice:empty{display:none}.invite-panel{border:1px solid #343f2d;background:#1b2218;border-radius:16px;padding:24px;text-align:center}.invite-panel .eyebrow{font-size:8px}.invite-panel h2{font-size:27px;line-height:1.05;letter-spacing:-1px;margin:12px 0 22px}.invite-panel #qr{display:block;width:min(100%,190px);height:auto;background:white;border-radius:9px;margin:0 auto}.invite-panel p{font-size:10px;margin:13px 0}.invite-panel .share{margin:12px 0;font-size:9px;text-align:left;padding:10px}.invite-panel .primary{font-size:11px;padding:13px}.preview-link{display:block;font-size:10px;color:#93a584;margin-top:15px;text-underline-offset:4px}.network-widget{display:flex;gap:8px;text-align:left;border-top:1px solid #34412c;padding-top:18px;margin-top:22px;align-items:baseline}.network-widget strong{font-size:10px;font-weight:500;display:block}.network-widget div>span{font-size:9px;line-height:1.5;color:#839774;display:block;margin-top:5px}.desk-details{margin-top:18px;border:1px solid #2e3828;border-radius:10px;padding:12px 18px;color:#879b79}.desk-details summary{cursor:pointer;font-size:11px;padding:4px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.desk-details .hint{font-size:11px}.desk-details label{font-size:11px}.desk-details select{font-size:12px;padding:10px}.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}@media(max-width:1050px){.studio-layout{grid-template-columns:minmax(0,1fr) 230px;gap:14px}.mixing-desk{padding-left:15px;padding-right:15px}.desk-strip{padding:16px 10px}.desk-bottom{gap:18px}.go-live{min-width:180px;padding:14px;font-size:11px}.invite-panel{padding:20px 16px}}@media(max-width:840px){.studio-layout{grid-template-columns:1fr}.invite-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;text-align:left}.invite-panel #qrarea{grid-column:2;grid-row:1/6}.invite-panel #qr{width:160px;margin:0 auto}.invite-panel h2{margin-bottom:12px}.invite-panel .network-widget{grid-column:1/-1}.invite-panel .eyebrow{margin-bottom:0}.studio-page .studio-shell{margin-top:24px}.studio-title h1{font-size:32px}}@media(max-width:520px){.studio-page .studio-shell{padding:0 12px}.studio-page header{height:62px;padding:0 18px}.studio-page header .badge{font-size:8px;padding:7px}.studio-title h1{font-size:27px}.studio-live{font-size:8px;padding:8px}.source-bar{flex-wrap:wrap}.source-bar>div{flex-basis:calc(100% - 45px)}.source-bar .primary{width:100%}.desk-strips{grid-template-columns:1fr 1fr}.master-strip{grid-column:1/-1;border-left:0!important;border-top:1px solid #34442c;display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding:16px}.master-strip .strip-heading{grid-column:1/-1;margin-bottom:15px}.master-strip .strip-caption{grid-column:1}.master-strip #quality,.master-strip .quality-note,.master-strip .protection-toggle{grid-column:1}.headphone-block{grid-column:2;grid-row:2/6;margin:0;border:0;padding:0}.desk-bottom{flex-wrap:wrap;justify-content:space-between;gap:15px}.go-live{width:100%;margin:0}.desk-stat{flex:1}.desk-led{font-size:7px;letter-spacing:.4px}.desk-brand small{display:none}.detail-grid{grid-template-columns:1fr;gap:0}.invite-panel{gap:0 14px}.invite-panel h2{font-size:23px}.invite-panel #qr{width:125px}.invite-panel p{font-size:9px}.invite-panel .share{grid-column:1/-1}.invite-panel .primary,.invite-panel .preview-link{grid-column:1/-1}.studio-page footer{margin:16px 12px;padding:10px 0}.studio-page footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.vu-rail .fill,.status-light{transition:none}}
/* Fixed meter colors: red is reached only near full scale. */
.vu-rail .fill{height:100%;clip-path:inset(calc(100% - var(--level,0%)) 0 0);transition:clip-path .07s linear}
@media(prefers-reduced-motion:reduce){.vu-rail .fill{transition:none}}
.input-limit{text-align:left;border-top:1px solid #35422d;margin-top:17px;padding-top:12px}.input-limit label{font-size:10px;margin:0 0 8px;color:#a8bc98}.input-limit select{padding:9px 7px;font-size:10px}.input-limit input[type=range]{accent-color:var(--lime);padding:0;height:14px;margin:10px 0}.input-limit output{float:right;color:var(--lime)}#limitcontrols{margin-top:13px}.limit-feedback{font-size:9px;color:#94ae81;display:block;line-height:1.5;margin-top:9px}.music-format{display:block;font-size:8px;letter-spacing:1px;color:#8a9b7c;padding:9px 0}.delivery-card{margin-top:20px;background:#192017;border:1px solid #303237;border-radius:14px;overflow:hidden}.delivery-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;gap:20px}.delivery-head .eyebrow{font-size:8px}.delivery-head h2{font-size:19px;margin:8px 0 0}.total-rate>span{display:block;font-size:8px;letter-spacing:1px;color:#90a480}.total-rate strong{font:600 28px ui-monospace,monospace;color:var(--lime);white-space:nowrap}.total-rate small{font:11px system-ui;color:#a3b990}.delivery-table-wrap{overflow-x:auto}.delivery-table{border-collapse:collapse;width:100%;text-align:left;font-variant-numeric:tabular-nums}.delivery-table th{font-size:9px;font-weight:500;color:#92a67e;background:#141b11;padding:12px 20px;white-space:nowrap}.delivery-table td{padding:14px 20px;font-size:11px;color:#c7d5bd;border-top:1px solid #2d3a26;white-space:nowrap}.delivery-table td:nth-child(3){font-family:ui-monospace,monospace;color:var(--lime)}.delivery-caption{font-size:10px;line-height:1.5;color:#829673;padding:0 24px;margin:14px 0 18px}@media(max-width:520px){.input-limit select{font-size:9px}.delivery-head{padding:18px;gap:10px}.delivery-head h2{font-size:16px}.total-rate strong{font-size:23px}.delivery-table th,.delivery-table td{padding:12px}.delivery-caption{padding:0 18px}}
.listener-volume{margin:12px 0 0}.listener-volume label{display:flex;justify-content:space-between;font-size:10px;color:#a7b99c;margin:0 0 7px}.listener-volume output{color:#c7dcba;font-variant-numeric:tabular-nums}.listener-volume input{padding:0;border:0;background:transparent;accent-color:var(--lime);height:14px}.listener-tools{display:flex;gap:10px;align-items:center;margin-top:12px}.listener-tools select{flex:1;min-width:0;font-size:10px;padding:10px;background:#182217;border-color:#34442e}.listener-tools button{font-size:10px;white-space:nowrap;border:1px solid #34442e;background:#182217;color:#ccdbbf;padding:10px;border-radius:8px}.report-panel{margin-top:12px;font-size:10px;color:#98ad8a}.report-panel summary{cursor:pointer;padding:4px 0}.issue-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 0}.issue-buttons button{font-size:10px;background:#202b1b;border:1px solid #3b4d30;border-radius:8px;color:#d3e5c5;padding:9px}.report-panel>span{display:block;font-size:10px;line-height:1.4;margin-top:8px}.report-panel:not([open])>span{display:none}.listener-page .artwork{height:clamp(100px,calc(100dvh - 740px),240px);min-height:100px}.listener-page .track-info{margin-top:17px}.listener-page .connection-card{margin-top:13px}.listener-page .live-player{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.listener-page .player-top{margin-bottom:12px}.listener-page .record-art{width:65%;top:-55%}.listener-page .art-caption{font-size:8px}.listener-page .player-bottom{padding-top:12px}@media(min-height:950px){.listener-page .record-art{width:85%;top:0}}@media(max-height:490px) and (orientation:landscape){.listener-page .artwork{height:180px;grid-row:2/12}.listener-volume,.listener-tools,.report-panel{grid-column:2}.listener-page .record-art{top:0;width:90%}}
.branding-card{border:1px solid #303237;background:#191b1e;border-radius:14px;padding:24px;margin-top:20px}.branding-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.branding-heading h2{font-size:21px;margin:9px 0 0}.branding-heading .eyebrow{font-size:8px}.branding-heading>a{font-size:11px;color:#b2b8c1}.branding-form{display:grid;grid-template-columns:190px 1fr;gap:28px;margin-top:23px}.cover-upload{display:flex;flex-direction:column;align-items:center;gap:10px}.cover-preview{width:100%;aspect-ratio:1;background:repeating-linear-gradient(135deg,#22252a,#22252a 1px,#141619 1px,#141619 12px);border:1px solid #363a40;border-radius:12px;overflow:hidden;display:grid;place-items:center;color:var(--lime);position:relative}.cover-preview img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.cover-preview>span{font-size:35px;text-align:center}.cover-preview small{font-size:10px;display:block;color:#a6aeb9;margin-top:9px}.upload-label{cursor:pointer;text-align:center;font-size:11px!important;padding:11px!important;margin:0!important;width:100%}.cover-upload .text-button{padding:0}.branding-fields label{font-size:11px;margin:0 0 8px}.branding-fields input,.branding-fields textarea{display:block;width:100%;margin-bottom:17px;font:13px system-ui;background:#121315;border:1px solid #34373d;color:#e8f0df;border-radius:9px;padding:12px;resize:vertical}.branding-actions{display:flex;align-items:center;gap:15px}.branding-actions button{font-size:12px}.branding-actions>span{font-size:11px;color:#a6aeb9;line-height:1.4}.art-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.art-image[hidden]{display:none}.custom-cover .record-art,.custom-cover .art-caption,.custom-cover .art-bottom{display:none}.artwork.custom-cover:before{background:linear-gradient(0deg,#07100725,transparent 40%);z-index:2}.set-location{font-size:10px;color:#b3bac4;margin-top:9px;line-height:1.4}.set-location[hidden],.set-note[hidden]{display:none}.set-message{font-size:11px!important;line-height:1.5;color:#a6aeb9!important;margin:7px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.set-message.expanded{display:block;overflow:visible}.set-note button{background:none;border:0;padding:5px 0 0;color:#72efb1;font-size:10px;text-decoration:underline;cursor:pointer}.set-note button[hidden]{display:none}.branding-arrived .track-info,.branding-arrived .set-location,.branding-arrived .set-note{animation:info-arrive .5s ease both}.artwork.custom-cover.is-playing .art-image{animation:cover-drift 16s ease-in-out infinite alternate}.onair-badge.is-live i{animation:live-breathe 2.5s ease-in-out infinite}@keyframes info-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes cover-drift{from{transform:scale(1)}to{transform:scale(1.035)}}@keyframes live-breathe{50%{opacity:.55;box-shadow:0 0 7px #72efb160}}.has-set-info .artwork{height:clamp(85px,calc(100dvh - 805px),210px);min-height:85px}.live-player h1{overflow-wrap:anywhere}@media(max-width:520px){.branding-card{padding:18px}.branding-form{grid-template-columns:110px 1fr;gap:16px}.branding-actions{align-items:stretch;flex-direction:column;gap:9px}.branding-fields input,.branding-fields textarea{font-size:12px}.branding-heading h2{font-size:18px}.cover-upload .tiny-note{font-size:8px;text-align:center}}@media(prefers-reduced-motion:reduce){.branding-arrived .track-info,.branding-arrived .set-location,.branding-arrived .set-note,.artwork.custom-cover.is-playing .art-image,.onair-badge.is-live i{animation:none}}

/* TOaoVIVO — restrained graphite surfaces, mint live signal. */
.logo,.mini-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;letter-spacing:-.8px;color:#f6f7f8}.brand-symbol{width:34px;height:34px;flex:none;color:var(--lime)}.brand-word{font:800 23px system-ui,sans-serif;letter-spacing:-1.1px;white-space:nowrap}.brand-ao{font-size:.76em;font-weight:450;color:#aab1ba;letter-spacing:-1px;margin:0 1px}.mini-brand .brand-symbol{width:27px;height:27px}.mini-brand .brand-word{font-size:19px}.studio-page header{height:78px;background:#101113}.studio-page .badge{border:0;font-size:10px;letter-spacing:1.3px;padding:0}.studio-title h1{font-size:clamp(30px,4vw,44px);letter-spacing:-1.8px;font-weight:650}.studio-title .eyebrow{color:#969da8;letter-spacing:1.7px;font-size:9px}.studio-page .mixing-desk,.studio-page .invite-panel,.studio-page .delivery-card,.studio-page .branding-card{background:#191b1e;border-color:#303237;box-shadow:none;border-radius:18px}.studio-page .channel-strip{background:transparent;border-color:#303237}.studio-page .desk-top{border-color:#303237}.studio-page .desk-brand{font:600 10px system-ui;letter-spacing:1.5px;color:#b2bac5}.studio-page .desk-brand small{font-size:8px;color:#747d8b;letter-spacing:1px}.studio-page .source-bar select,.studio-page select,.studio-page .share,.studio-page .detail-grid{background:#121416;border-color:#34373d;color:#e4e7ec}.studio-page .monitor-toggle,.studio-page .desk-bottom{border-color:#303237}.studio-page .go-live,.studio-page .primary{background:var(--lime);color:#10251b}.studio-page .invite-panel h2{font-weight:550;letter-spacing:-1px}.studio-page .invite-panel #qr{border-radius:12px}.studio-page .branding-heading>a{color:#bbc2cc}.studio-page .cover-preview{background:linear-gradient(145deg,#24282e,#15171a);border-color:#363a40}.studio-page .branding-fields input,.studio-page .branding-fields textarea{color:#edf0f4}.studio-page .upload-label{background:#272b31;border:1px solid #3b414b;color:#edf0f4}.listener-page{background:#101113;background-image:none}.listener-page .connection-card,.listener-page .listener-tools select,.listener-page .listener-tools button{background:#1b1e22;border-color:#30353d}.listener-page .track-kicker,.listener-page .session-label,.listener-page .player-bottom{color:#929ca9}.listener-page .track-info p,.listener-page .play-caption{color:#a8b0bb}.listener-page .play-button{background:var(--lime);box-shadow:0 8px 28px #72efb11a}.listener-page .set-location{color:#b3bac4}@media(max-width:520px){.brand-word{font-size:21px}.studio-page header{height:70px}.studio-page .badge{font-size:8px;letter-spacing:.7px}.brand-symbol{width:30px;height:30px}.studio-title h1{font-size:32px}}
.studio-page{background:#101113;color:#f1f3f6}.studio-page .desk-strips{background:#15171a;border-color:#30353c}.studio-page .master-strip{background:#1c1f23}.studio-page .strip{border-color:#30353c}.studio-page .desk-led{color:#a8b2bf}.studio-page .tiny-note,.studio-page .strip label{color:#a3acb9}
/* Light glass: a little MSN nostalgia, with contemporary spacing. */
:root{color-scheme:light;--bg:#f2f7fc;--panel:#ffffff;--line:#d4e1ed;--muted:#61748a;--lime:#168eea}body,.studio-page{background:linear-gradient(145deg,#edf8ff,#f7f9fc 50%,#edf2ff);color:#23364b}.studio-page header{background:#ffffffb8;border-color:#d5e6f3;backdrop-filter:blur(18px)}.logo,.mini-brand{color:#223b56}.brand-ao{color:#6487a4}.brand-symbol{color:#168eea}.studio-page .badge{color:#658098}.studio-page .mixing-desk,.studio-page .invite-panel,.studio-page .delivery-card,.studio-page .branding-card{background:#ffffffd9;border:1px solid #d5e3ef;box-shadow:0 10px 35px #316fa509,inset 0 1px #fff}.studio-page .desk-strips{background:#f5f9fd;border-color:#dbe7f1}.studio-page .desk-strip,.studio-page .desk-top,.studio-page .desk-bottom,.studio-page .input-limit{border-color:#dbe5ef}.studio-page .master-strip{background:linear-gradient(160deg,#edf8ff,#f3f6fe)}.studio-page .source-bar select,.studio-page select,.studio-page .share,.studio-page .detail-grid,.studio-page .branding-fields input,.studio-page .branding-fields textarea{background:#fff;border-color:#cdddea;color:#294259}.studio-page .primary,.studio-page .go-live{background:linear-gradient(#33a9ff,#1685db);color:#fff;box-shadow:0 4px 12px #168eea24;border:1px solid #1688dd}.studio-page .strip-caption,.studio-page .strip-foot,.studio-page .tiny-note,.studio-page label,.studio-page .desk-brand,.studio-page .desk-led,.studio-page .limit-feedback,.studio-page .desk-stat>span,.studio-page .eyebrow,.studio-page .studio-live{color:#627b93}.studio-page .strip-value{color:#137ccb}.studio-page .icon-button{color:#4c7699}.studio-page .cover-preview{background:linear-gradient(145deg,#e3f4ff,#eff0ff);border-color:#cadfed}.studio-page .upload-label{background:#e6f3ff;color:#176cae;border-color:#bedcF3}.studio-page .branding-actions>span,.studio-page .branding-heading>a,.studio-page .preview-link{color:#477796}.studio-page .monitor-toggle{background:#eaf5fd;border-color:#cddfed;color:#315c80}.studio-page .vu-rail{background:repeating-linear-gradient(0deg,#e1eaf1 0,#e1eaf1 5px,#f8fbfe 5px,#f8fbfe 7px);border-color:#c9d9e7}.studio-page .studio-live{background:#fff;border:1px solid #d7e4ef}.studio-page .delivery-card th,.studio-page .delivery-card td{border-color:#e0eaf2;color:#526e85}.studio-page footer{color:#73879b;border-color:#d7e4ef}
.listener-page{background:linear-gradient(155deg,#dff3ff,#f5f9ff 48%,#e9edff);color:#243c53}.live-player{position:relative;isolation:isolate;width:min(100%,440px);overflow:hidden;padding-top:max(20px,env(safe-area-inset-top))}.live-player>*{position:relative;z-index:2}.listener-page .brand-word{color:#243c53}.listener-page .session-label,.listener-page .track-kicker,.listener-page .player-bottom{color:#52718e}.listener-page .icon-button{color:#345f84}.listener-page .artwork{height:clamp(120px,25dvh,230px);min-height:110px;border-radius:26px;background:linear-gradient(140deg,#6ccaff,#5d9beb 50%,#b6b5ff);box-shadow:0 15px 35px #3975bb22}.listener-page .record-art{opacity:.85}.listener-page .track-info h1{color:#203950;font-weight:650;letter-spacing:-1px}.listener-page .track-info p,.listener-page .play-caption,.listener-page .set-message{color:#526c84!important}.listener-page .set-location{color:#486b88}.listener-page .onair-badge{background:#ffffffb0;border-color:#c4d9ec;color:#54728d}.listener-page .onair-badge.is-live{color:#087c9b;border-color:#b1dfed}.listener-page .play-button{background:linear-gradient(#43b5ff,#1688df);color:#fff;box-shadow:0 8px 25px #168eea30;border:1px solid #ffffffc0}.listener-page .play-button svg{fill:currentColor}.listener-page .connection-card,.listener-page .listener-tools select,.listener-page .listener-tools button{background:#ffffffa8;border:1px solid #cedfee;color:#355a79;backdrop-filter:blur(14px)}.listener-page .connection-card strong{color:#294f6b}.listener-page .connection-card span,.listener-page .timeline-labels,.listener-page .listener-volume label,.listener-page .report-panel{color:#56748e}.listener-page .listener-volume input{accent-color:#168eea}.listener-page .notice{color:#31688f}.listener-page .issue-buttons button{background:#ffffffb0;color:#426583;border-color:#cbddea}.artist-link{display:inline-flex;align-self:flex-start;margin:10px 0 5px;padding:7px 12px;border:1px solid #bad9f1;border-radius:20px;background:#ffffffa8;color:#126eaf;font-size:11px;text-decoration:none;max-width:100%;overflow-wrap:anywhere}.artist-link[hidden]{display:none}.live-player.has-backdrop .artwork{position:absolute;inset:0;height:100%;min-height:100%;border-radius:0;z-index:-2;box-shadow:none;background:transparent;pointer-events:none}.live-player.has-backdrop .artwork:before{display:none}.live-player.has-backdrop .art-image{object-fit:contain;object-position:top center;height:100%;width:100%}.live-player.has-backdrop:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#f2f8ff35 0%,#f2f8ff65 18%,#f2f8ffdf 45%,#f2f8fff5 70%,#f2f8ff 100%);pointer-events:none}.has-backdrop .track-info{margin-top:clamp(140px,28dvh,260px)}.listener-page .set-note button{color:#167abc}@media(prefers-reduced-motion:no-preference){.listener-page .play-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 30px #168eea40;transition:.2s}}@media(max-height:750px){.has-backdrop .track-info{margin-top:16dvh}.listener-page .player-top{margin-bottom:10px}} 
.net-card{margin-top:20px;padding:24px;background:#ffffffdc;border:1px solid #d5e3ef;border-radius:18px}.net-card h2{margin:8px 0}.net-card #netstate{font-size:12px;color:#387799}.net-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:22px 0}.net-grid small{display:block;color:#71869b;font-size:9px;letter-spacing:1px;margin-bottom:8px}.net-grid strong{display:block;font-size:16px;color:#294c69;overflow-wrap:anywhere}.net-card p,.net-card summary{font-size:12px;color:#617b92;line-height:1.6}.net-card .secondary{background:#e9f4fd;color:#236eaa;border-color:#bfdaf0}.net-card details{margin-top:14px}@media(max-width:600px){.net-grid{grid-template-columns:1fr 1fr}.net-card{padding:18px}}
/* Immersive player: viewport cover, readable glass controls, natural page scroll. */
html:has(.listener-page){height:auto;overflow-y:auto;scroll-behavior:smooth}.listener-page{height:auto;min-height:100dvh;overflow-x:hidden;overflow-y:visible;background:#d9e9f5}.listener-page #app{min-height:100dvh;overflow:visible}.listener-page .live-player{display:flex;grid-template-columns:none;position:relative;width:min(100%,500px);max-height:none;height:auto;min-height:100dvh;overflow:visible;margin:0 auto;padding:20px 26px max(26px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#eff8ff00 0,#eff8ff00 220px,#f1f8ffe8 400px,#f1f8fff5 560px);border-inline:1px solid #ffffff50;box-shadow:0 0 80px #18344f20;isolation:auto}.listener-page .live-player.has-backdrop .artwork{position:fixed;inset:0;width:100vw;height:100dvh;min-height:100dvh;max-height:none;border-radius:0;z-index:-2;overflow:hidden;display:block;margin:0;background:#354e65}.listener-page .live-player.has-backdrop .art-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;animation:none;transform:none}.listener-page .live-player.has-backdrop:before{position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#122d4640 0%,#1b3b5720 25%,#bad6ef55 55%,#cfe4f1b0 100%);pointer-events:none}.listener-page .player-top{display:flex;position:relative;gap:12px;padding:10px 12px;border:1px solid #ffffff60;border-radius:20px;background:#f6fbffec;box-shadow:0 5px 20px #1b46691a;backdrop-filter:blur(20px);margin:0 0 22px;flex-shrink:0}.listener-page .mini-brand{gap:7px}.listener-page .mini-brand .brand-word{font-size:18px}.listener-page .session-label{font-size:8px;letter-spacing:1px;color:#3e607d}.listener-page .player-top .icon-button{width:32px;height:32px;color:#325e81}.listener-page .track-info,.listener-page.has-backdrop .track-info{margin-top:0}.listener-page .has-backdrop .track-info{margin-top:clamp(190px,29dvh,310px);display:flex;align-items:flex-start;gap:12px}.listener-page .track-info h1{font-size:clamp(25px,5vw,31px);line-height:1.15;letter-spacing:-1px;color:#153953;margin:9px 0 8px}.listener-page .track-kicker{font-size:9px;letter-spacing:1.5px;color:#426984}.listener-page .onair-badge{margin-top:10px;background:#ffffffd9;border:1px solid #c4dceb;padding:7px 9px;flex-shrink:0;color:#47657e}.listener-page .set-message{font-size:12px!important;line-height:1.65;color:#375d78!important}.listener-page .set-location{font-size:11px;color:#345b77;margin-top:6px}.listener-page .live-timeline{height:4px;background:#c5dcea;margin-top:22px;flex-shrink:0}.listener-page .live-timeline>span{background:#56afea}.listener-page .timeline-labels{font-size:10px;color:#48718e}.listener-page .transport{margin:10px 0 0;min-height:88px;flex-shrink:0}.listener-page .play-button{width:76px;height:76px;background:linear-gradient(155deg,#54c6ff,#167bdc);border:2px solid #ffffffd9;box-shadow:0 8px 25px #167bdc30}.listener-page .play-button:disabled{opacity:.65}.listener-page .play-caption{margin:7px 0 16px;font-size:11px;color:#486e87}.listener-page .listener-volume{padding:13px 16px 10px;border:1px solid #ffffffd9;background:#ffffff9c;border-radius:18px;box-shadow:0 3px 16px #2b699807}.listener-page .listener-volume label,.listener-page .listener-volume output{color:#325f80}.listener-page .listener-tools{margin:14px 0;gap:8px}.listener-page .listener-tools select,.listener-page .listener-tools button{min-height:42px;border-radius:13px;font-size:11px}.listener-page .connection-card{border-radius:17px;padding:15px;margin-top:16px;background:#ffffffc4}.listener-page .report-panel{font-size:11px;padding:7px 0}.listener-page .player-bottom{margin-top:22px;padding:16px 0 0;border-top:1px solid #abc9dd66;color:#537893}.listener-page .notice{flex-shrink:0}.listener-page .artwork:not(.custom-cover){position:relative}.listener-page .artist-link{background:#ffffffcb;border-color:#b6d6ec;color:#176ca7;padding:8px 13px;margin-top:12px}.listener-page .equalizer i{background:#238bd5}@media(max-width:520px){.listener-page .live-player{border:0;padding-inline:22px;box-shadow:none}.listener-page .has-backdrop .track-info{margin-top:clamp(180px,28dvh,250px)}}@media(max-height:600px) and (orientation:landscape){.listener-page .live-player{display:flex;width:min(100%,500px)}.listener-page .has-backdrop .track-info{margin-top:110px}.listener-page .live-player>*{grid-column:auto;grid-row:auto}}
.pix-fields{border:1px solid #cddfec;border-radius:14px;padding:18px;margin:4px 0 22px;background:#f1f8fe}.pix-fields legend{font-size:12px;color:#316789;padding:0 7px}.pix-fields small{font-size:11px;line-height:1.5;color:#617a8e;display:block}.cover-preview{aspect-ratio:9/16;max-height:340px}.support-card{margin-top:20px;border:1px solid #bfdaed;border-radius:18px;background:linear-gradient(140deg,#ffffffdc,#e5f4ffdc);color:#2a638b;overflow:hidden}.support-card[hidden]{display:none}.support-card summary{cursor:pointer;padding:17px 18px;font-size:14px;font-weight:650;list-style:none}.support-card summary:after{content:'+';float:right}.support-card[open] summary:after{content:'−'}.support-card summary span{font-size:10px;font-weight:400;margin-left:8px}.support-content{padding:0 18px 18px}.support-content p{font-size:12px;color:#57788f}.support-content strong{font-size:14px;color:#244861;display:block}.support-content label{margin-top:14px}.support-content input{background:#fff;border:1px solid #c6dceb;color:#305b78;font-size:13px;margin-bottom:12px}.support-content button{width:100%;background:#198cdf;color:#fff}.support-content>span{display:block;font-size:11px;line-height:1.6;margin-top:12px;color:#55788f}.crop-dialog{width:min(94vw,750px);max-height:92dvh;overflow:auto;border:1px solid #cbdfea;border-radius:24px;padding:25px;color:#26475f;background:#f4f9fd;box-shadow:0 20px 80px #12375255}.crop-dialog::backdrop{background:#122e486e;backdrop-filter:blur(8px)}.crop-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.crop-heading h2{margin:8px 0 0;font-size:23px}.crop-heading button{border:0;border-radius:50%;background:#e0edf7;color:#386786;width:34px;height:34px}.crop-dialog p{font-size:12px;color:#58768f;line-height:1.6}.crop-layout{display:grid;grid-template-columns:minmax(0,270px) 1fr;gap:28px;align-items:center;margin-top:20px}.crop-preview{aspect-ratio:9/16;position:relative;border-radius:17px;overflow:hidden;background:#dfeaf3;box-shadow:0 8px 25px #173c5720}.crop-preview canvas{display:block;width:100%;height:100%}.crop-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 35%,#edf7ffba 65%,#edf7fff2);display:flex;flex-direction:column;justify-content:space-between;padding:16px}.crop-overlay>span{font-size:8px;letter-spacing:1px;background:#ffffffd9;padding:9px;border-radius:10px;color:#355b77}.crop-overlay strong{font-size:22px;display:block;letter-spacing:-.8px}.crop-overlay small{font-size:9px;display:block;margin-top:12px;color:#496c86}.crop-settings input{accent-color:#168eea;padding:0}.crop-settings button{width:100%;background:#168eea;color:#fff;margin-top:15px}.crop-settings label{color:#496d87}.crop-settings #cropstatus{font-size:11px}.crop-dialog :focus-visible{outline:3px solid #168eea;outline-offset:4px}@media(max-width:560px){.crop-dialog{padding:18px}.crop-layout{grid-template-columns:1fr;gap:10px}.crop-preview{width:180px;justify-self:center}.crop-settings{width:100%}.crop-heading h2{font-size:19px}.crop-settings label{margin-top:12px}.cover-preview{max-height:none}}
.brand-icon{width:40px;height:40px;display:inline-block;overflow:hidden;flex-shrink:0}.brand-image{display:block;width:100%;height:100%;object-fit:contain;transform:scale(1.65)}.brand-word{font-size:23px;letter-spacing:-1px;display:inline-flex;align-items:baseline}.brand-ao{color:#218fe0;font-size:1em;font-weight:800;letter-spacing:-1px;margin:0}.brand-domain{font-size:.57em;font-weight:450;letter-spacing:-.2px;margin-left:1px;color:#668196}.mini-brand .brand-icon{width:31px;height:31px}.mini-brand .brand-word{font-size:17px}.qr-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0;grid-column:1/-1}.qr-download{flex:1;padding:11px 13px;text-align:center;border:1px solid #c5ddec;border-radius:11px;text-decoration:none;background:#f4faff;color:#247bb8;font-size:11px;white-space:nowrap}.qr-download:hover{background:#e3f2ff}.listener-page .track-info h1{font-size:clamp(29px,6vw,35px);line-height:1.15;letter-spacing:-1.1px}.listener-page .track-kicker{font-size:10px;letter-spacing:1.3px}.listener-page .track-info p{font-size:13px;line-height:1.5}.listener-page .set-location{font-size:13px;margin-top:10px}.listener-page .set-message{font-size:14px!important;line-height:1.65}.listener-page .set-note button{font-size:12px;padding-top:7px}.listener-page .artist-link{font-size:13px;padding:10px 15px}.listener-page .connection-card strong{font-size:14px}.listener-page .connection-card span{font-size:12px;line-height:1.5}.listener-page .listener-tools select,.listener-page .listener-tools button{font-size:12px;min-height:44px}.listener-page .play-caption{font-size:13px}.listener-page .listener-volume label{font-size:13px}.listener-page .support-card summary{font-size:15px}.listener-page .report-panel summary{min-height:36px;display:flex;align-items:center}.listener-page .onair-badge{border-radius:20px;font-size:10px}.listener-page .player-top{padding:8px 11px}@media(max-width:380px){.mini-brand .brand-word{font-size:15px}.mini-brand .brand-icon{width:27px;height:27px}.listener-page .session-label{display:none}}
.studio-tabs{display:flex;gap:6px;background:#e5eef7;padding:6px;border:1px solid #d2e1ee;border-radius:16px;margin:24px 0;overflow:auto}.studio-tabs button{flex:1;min-width:90px;border:0;border-radius:11px;padding:13px;color:#54738d;background:transparent;font-size:13px;font-weight:600}.studio-tabs button[aria-pressed=true]{background:white;color:#147cd0;box-shadow:0 2px 10px #234c6c12}.studio-tabpanel[hidden]{display:none!important}.studio-tabpanel>.mixing-desk{margin-bottom:22px}.dashboard-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0}.dashboard-welcome h2{font-size:27px;letter-spacing:-.8px;margin:10px 0}.dashboard-welcome p{font-size:13px;color:#668198}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.dashboard-stats>div,.community-card{background:#ffffffd9;border:1px solid #d5e3ef;border-radius:18px;padding:24px}.dashboard-stats small{font-size:9px;letter-spacing:1px;color:#67839b}.dashboard-stats strong{font-size:30px;display:block;margin-top:13px;color:#21577f}.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.community-card h2{font-size:18px}.community-card p{font-size:11px}.community-card ul{list-style:none;padding:0;margin:20px 0 0;max-height:300px;overflow:auto}.community-card li{padding:12px 0;border-top:1px solid #e1eaf2;font-size:13px;color:#52708a;overflow-wrap:anywhere}.community-card li strong{color:#2f536f}.community-card li span{display:block;font-size:11px;margin-top:5px}.listener-community{padding:16px;margin-top:10px;background:#ffffffad;border:1px solid #d1e5f3;border-radius:18px}.reaction-row{display:flex;align-items:center;gap:10px}.reaction-row>span{font-size:12px;color:#436985;flex:1}.reaction-row button{font-size:23px;width:45px;height:45px;background:#f1f8ff;border:1px solid #d1e3f1;border-radius:50%}.listener-community>span{display:block;font-size:11px;color:#66859c;margin:9px 0}.listener-community summary{font-size:12px;color:#386b93;cursor:pointer;padding-top:8px}.nickname-row{display:flex;gap:7px}.nickname-row input{font-size:13px;background:#fff;color:#31536e;border-color:#c4dbe9}.nickname-row button{font-size:11px;border:0;border-radius:10px;background:#168eea;color:#fff;padding:8px}.listener-community small{display:block;font-size:10px;color:#678399;line-height:1.6;margin-top:9px}.install-app{border:1px solid #c2dced;border-radius:12px;background:#ffffffb8;color:#3277a9;padding:12px 16px;font-size:12px;cursor:pointer;margin-top:16px}.install-tip{font-size:12px;color:#5d7c93;line-height:1.6}.reaction-pop{animation:reaction-pop .35s ease}@keyframes reaction-pop{50%{transform:scale(1.25) rotate(-8deg)}}@media(max-width:600px){.dashboard-welcome{display:block}.dashboard-welcome button{margin:10px 0}.dashboard-stats{gap:7px}.dashboard-stats>div{padding:15px 10px}.dashboard-stats strong{font-size:23px}.dashboard-stats small{font-size:8px}.community-grid{grid-template-columns:1fr}.studio-tabs button{padding:12px 8px}}@media(prefers-reduced-motion:reduce){.reaction-pop{animation:none}}
.source-choice{padding:20px 0 0}.source-choice label{font-size:12px;color:#4b718d}.source-choice select{max-width:520px;background:#fff;color:#294c68;border:1px solid #cadde9}.source-choice p{font-size:12px;line-height:1.6;color:#607e94;margin:10px 0 0;max-width:760px}.source-bar>[hidden]{display:none!important}

.studio-page .badge{text-align:right}.release-version{display:block;font:11px system-ui,sans-serif;letter-spacing:.2px;color:#42769b;margin-top:6px;white-space:nowrap}@media(max-width:520px){.release-version{font-size:9px}}