@charset "UTF-8";
:root{color-scheme:dark;--bg:#101214;--surface:#191c1f;--surface-2:#202428;--line:#30353a;--text:#f3f4f2;--muted:#929ba4;--red:#ff3544;--green:#94d7b0;--blue:#86bddd;--font:Arial,Helvetica,sans-serif;--display:"Arial Black","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:disabled:hover{transform:none}input:disabled{opacity:.6}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:5px}::selection{background:var(--red);color:#fff}[hidden]{display:none!important}h1,h2,h3,p{margin:0}svg{flex-shrink:0}.shell{width:min(1200px,calc(100% - 88px));margin:0 auto}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.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}.skip-link{position:fixed;left:16px;top:-70px;background:var(--red);padding:12px 18px;z-index:50}.skip-link:focus{top:12px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;line-height:1.4}.muted{color:var(--muted)}.red-text{color:var(--red)}
.site-header{height:89px;border-bottom:1px solid #ffffff12;background:#121517}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:24px}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand img{width:47px;height:47px;object-fit:contain}.brand strong{display:block;font-size:16px;font-weight:900;letter-spacing:1px;line-height:1.2;overflow-wrap:anywhere}.brand small{display:block;margin-top:5px;font-size:8px;letter-spacing:2.35px;color:var(--muted);font-weight:700}.header-nav{display:flex;align-items:center;gap:32px;font-size:12px;font-weight:700;color:#a6adb3}.header-nav a{display:flex;align-items:center;gap:10px;white-space:nowrap;transition:color .18s}.header-nav a:hover{color:#fff}.header-nav .nav-current{color:#fff;position:relative}.nav-current:after{content:"";position:absolute;bottom:-34px;height:2px;background:var(--red);left:0;right:0}.header-nav a:last-child{color:#eee}.header-nav .icon{width:16px;height:16px;color:var(--red)}
.hero{min-height:420px;position:relative;background:#20272b url('/assets/panorama.png') center 45%/cover no-repeat;isolation:isolate;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,14,17,.88) 0%,rgba(10,14,17,.59) 44%,rgba(10,14,17,.15) 80%),linear-gradient(0deg,#101214 0%,transparent 50%);z-index:-1}.hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#00000005 4px);pointer-events:none;z-index:-1}.hero-content{padding-top:48px;padding-bottom:74px}.hero .eyebrow{display:flex;align-items:center;gap:11px;color:#d0d7db;font-size:9px}.short-line{width:24px;height:2px;background:var(--red)}.hero h1{font-family:var(--display);font-weight:900;font-size:clamp(60px,6.7vw,93px);letter-spacing:-5px;line-height:.92;margin-top:23px;font-stretch:condensed}.hero h1 span{color:var(--red)}.hero-description{max-width:390px;font-size:13px;color:#b9c0c5;margin-top:20px;line-height:1.75}.hero-bottom{display:flex;justify-content:space-between;margin-top:25px;font-size:8px;font-weight:700;letter-spacing:2px;color:#949ea7}.hero-coordinate{padding-top:4px}.hero-side-mark{position:absolute;right:22px;top:85px;writing-mode:vertical-rl;letter-spacing:2px;font-size:8px;color:#b5c0c97a}.main-content{position:relative;margin-top:-34px}.player-card{display:grid;grid-template-columns:210px 1fr 200px;min-height:266px;position:relative;overflow:hidden;border:1px solid #353b40;border-top:2px solid #4d5459;background:linear-gradient(125deg,#21262a,#171b1e 78%);box-shadow:0 12px 55px #0004}.player-art{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#202729;border-right:1px solid var(--line);padding:21px}.player-art:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#25303790,transparent 65%);z-index:-1}.art-grid{position:absolute;inset:-20px;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:26px 26px;transform:rotate(-10deg);z-index:-1}.art-label{position:absolute;top:15px;left:15px;font-size:7px;letter-spacing:1.6px;font-weight:800;color:#8f9aa3}.player-art img{width:116px;height:116px;object-fit:contain;filter:drop-shadow(0 5px 10px #0006);margin-top:10px}.art-caption{margin-top:15px;font-family:var(--display);font-size:15px;font-weight:900;letter-spacing:-.5px;line-height:1.05;align-self:flex-start;color:#dce0df}.art-corner{position:absolute;bottom:18px;right:14px;color:var(--red);font-size:14px;font-weight:900}.player-main{padding:25px 29px 17px;min-width:0}.player-topline{display:flex;justify-content:space-between;align-items:center;gap:15px}.player-topline h2{color:#a6afb7;font-size:9px;letter-spacing:1.7px}.status-pill{display:inline-flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.15px;line-height:1.4;font-weight:800;color:#99a4ad}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#78848d;flex-shrink:0}.status-pill.is-live{color:var(--green)}.status-pill.is-live .status-dot,.status-dot.green{background:var(--green);box-shadow:0 0 8px #94d7b01a}.status-pill.is-error{color:#ffaa9c}.status-pill.is-error .status-dot{background:#ffaa9c}.track-heading{margin-top:19px}.track-heading h3{font-size:clamp(19px,2vw,25px);font-weight:800;line-height:1.2;letter-spacing:-.7px;overflow-wrap:anywhere}.track-heading p{color:#92a0aa;font-size:10px;letter-spacing:1px;margin-top:7px}.broadcast-progress{margin-top:17px}.progress-track{height:2px;background:#3a4045;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--red);width:0;transition:width .8s linear}.progress-times{display:flex;justify-content:space-between;font-size:9px;color:#9da6ad;font-variant-numeric:tabular-nums;margin-top:5px}.player-controls{display:flex;gap:20px;align-items:center;margin-top:19px}.button{min-height:42px;display:inline-flex;justify-content:center;align-items:center;gap:11px;padding:11px 19px;font-size:11px;font-weight:800;line-height:1.4;letter-spacing:.15px;border:1px solid transparent;border-radius:2px;transition:background .18s,border-color .18s,transform .18s,color .18s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--red);color:white;border-color:var(--red)}.button-primary:hover{background:#ff4b58;border-color:#ff4b58}.button-outline{background:transparent;color:#e4e9ec;border-color:#495159}.button-outline:hover{background:#ffffff06;border-color:#6c7781}.button-quiet{background:transparent;color:#aeb8c0;border-color:transparent}.button-quiet:hover{background:#ffffff06;color:#fff}.listen-button{padding:11px 20px;min-width:171px;white-space:nowrap}.listen-button .icon{width:17px;height:17px}.volume-control{display:flex;align-items:center;gap:10px;flex:1;max-width:190px;color:#9da8b2}.volume-control .icon{width:16px;height:16px}.volume-control output{font-size:9px;width:31px;flex-shrink:0;text-align:right;font-variant-numeric:tabular-nums}input[type=range]{appearance:none;-webkit-appearance:none;height:3px;min-width:40px;width:100%;margin:12px 0;background:#49525a;accent-color:var(--text);cursor:pointer;border-radius:0}input[type=range]::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border:0;border-radius:50%;background:#edf1f2}input[type=range]::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:#edf1f2}.audio-status{font-size:10px;color:#8b979f;margin-top:11px;min-height:15px;line-height:1.5}.audio-status.is-error{color:#ffab9e}.next-track{padding:27px 22px;border-left:1px solid #343a3f;background:#0f13152b;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.next-track .eyebrow{font-size:8px;color:#92a0aa}.next-icon{color:var(--blue);width:22px;height:22px;margin-top:25px;margin-bottom:11px}.next-track strong{font-size:12px;line-height:1.4;font-weight:700;overflow-wrap:anywhere}.next-caption{font-size:9px;color:#87949d;margin-top:5px}.next-rule{width:24px;height:1px;background:#455059;margin-top:20px}.next-note{font-size:8px;font-weight:700;letter-spacing:1px;color:#66747f;margin-top:12px}.connection-message{padding:13px 17px;background:#34251b;border:1px solid #765340;font-size:12px;color:#f0c4a6;margin-top:15px}.content-grid{display:grid;grid-template-columns:1fr 290px;gap:40px;margin-top:49px;align-items:start}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.6px}.section-heading h2{font-family:var(--display);font-size:26px;letter-spacing:-1px;font-weight:900;line-height:1.2;margin-top:6px}.count-badge{padding:5px 8px;border:1px solid #394048;font-size:8px;font-weight:700;letter-spacing:1px;color:#9ca8b1;white-space:nowrap}.track-list{border-top:1px solid var(--line)}.track-row{display:grid;grid-template-columns:27px 35px 1fr auto;align-items:center;gap:15px;min-height:68px;padding:10px 12px 10px 0;border-bottom:1px solid #2a3035}.track-number{font-size:10px;color:#707c87;font-variant-numeric:tabular-nums;text-align:center}.track-thumb{display:grid;place-items:center;width:35px;height:35px;background:linear-gradient(135deg,#29323a,#1a2025);border:1px solid #35404a;color:#7b8b99}.track-thumb .icon{width:16px;height:16px}.track-info{min-width:0}.track-title{font-size:12px;font-weight:700;color:#d8dee2;line-height:1.5;overflow-wrap:anywhere}.track-kicker{font-size:8px;color:#71818f;letter-spacing:.6px;margin-top:3px}.track-duration{font-size:10px;color:#94a0aa;font-variant-numeric:tabular-nums}.track-row.is-current{background:linear-gradient(90deg,#ff354409,transparent);border-left:2px solid var(--red);padding-left:0}.track-row.is-current .track-number,.track-row.is-current .track-kicker{color:var(--red)}.track-row.is-current .track-thumb{border-color:#78333a;color:#ff6a74;background:#301f24}.empty-state{padding:28px 16px;text-align:center;color:#91a0aa;font-size:12px;border-bottom:1px solid var(--line)}.selection-note{display:flex;gap:8px;align-items:center;font-size:9px;color:#71808b;margin-top:18px}.small-square{width:4px;height:4px;background:#7b8d98}.community-card{position:relative;overflow:hidden;padding:25px 25px 0;background:linear-gradient(135deg,#242c31,#1b2025);border:1px solid #3a454e;border-top:2px solid #7996a9}.community-card>.eyebrow{position:relative;z-index:1;color:#a9c0ce;font-size:8px;letter-spacing:1.5px}.community-mark{color:#91a5b509;position:absolute;top:7px;right:-14px;font-family:var(--display);font-size:139px;line-height:1;letter-spacing:-19px;font-weight:900;pointer-events:none}.community-mark span{color:#91a5b510}.community-card h2{font-family:var(--display);font-size:24px;font-weight:900;letter-spacing:-.9px;line-height:1.12;position:relative;margin-top:31px}.community-card>p{font-size:11px;color:#9baab5;line-height:1.9;margin-top:15px;max-width:220px}.community-card .button{width:100%;margin-top:25px;font-size:10px;justify-content:space-between;border-color:#5c6d79}.community-card .button .icon{width:16px;height:16px}.community-footer{display:flex;gap:8px;align-items:center;font-size:7px;letter-spacing:1.2px;font-weight:700;color:#8d9ca7;border-top:1px solid #36434c;margin-top:27px;padding:16px 0}.social-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:44px;padding:27px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.social-strip .eyebrow{font-size:8px;letter-spacing:1.5px}.social-strip p{font-size:13px;font-weight:700;margin-top:5px;color:#c3cbd1}.social-links{display:flex;gap:11px}.social-links a{min-width:116px;border:1px solid #353e45;display:flex;justify-content:space-between;align-items:center;gap:21px;padding:12px 14px;font-size:10px;font-weight:700;color:#aebbc5;transition:border-color .18s,color .18s}.social-links a:hover{border-color:#788d9c;color:#fff}.social-links .icon{width:14px;height:14px;color:#687e8e}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px;padding-bottom:27px;color:#697882}.site-footer>span{font-size:9px;letter-spacing:1px;font-weight:900}.site-footer p{font-size:7px;letter-spacing:1.4px}.site-footer a{font-size:7px;font-weight:700;letter-spacing:1px}.noscript-note{padding:16px;background:#31221d;text-align:center}.noscript-note a{text-decoration:underline}
.private-badge{display:flex;align-items:center;gap:8px;color:#91a99b;font-size:9px;letter-spacing:1.2px;font-weight:700}.admin-main{padding-top:44px}.admin-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.admin-intro>.button{flex-shrink:0}.admin-intro h1{font-family:var(--display);font-size:50px;letter-spacing:-2.5px;line-height:1.1;margin-top:11px}.admin-intro p{font-size:12px;color:var(--muted);margin-top:11px}.admin-notice{margin-bottom:20px;padding:13px 17px;background:#1d272d;border:1px solid #384b57;font-size:12px;color:#b0c4d1}.admin-notice.is-error{background:#332022;border-color:#703d42;color:#ffb6b8}.admin-notice.is-success{background:#1c2b24;border-color:#3a5d49;color:#b6dac3}.panel{background:linear-gradient(135deg,#1d2226,#171c20);border:1px solid #333d45;padding:27px}.admin-on-air{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:2px solid var(--red);margin-bottom:24px}.admin-current{min-width:0;flex:1;max-width:610px}.admin-current h3{font-size:23px;line-height:1.3;overflow-wrap:anywhere;margin-top:18px;letter-spacing:-.5px}.admin-current p{font-size:11px;color:var(--muted);margin-top:9px}.admin-current p strong{color:#b6c2ca;font-weight:500}.admin-transport{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.admin-transport .button{font-size:10px;white-space:nowrap;padding:11px 13px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel-heading{display:flex;gap:16px;align-items:center;margin-bottom:25px}.panel-number{font-size:13px;color:var(--red);border:1px solid #73343d;width:35px;height:35px;display:grid;place-items:center;font-variant-numeric:tabular-nums}.panel-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.panel-heading h2{font-size:22px;letter-spacing:-.6px;line-height:1.2;margin-top:5px}.identity-panel label{display:block;font-size:11px;font-weight:700;margin-bottom:8px}.identity-panel label>span{color:#81929f;font-size:9px;font-weight:400;margin-left:8px}input[type=text]{width:100%;border:1px solid #414e58;background:#101619;color:var(--text);padding:11px 12px;font-size:13px;border-radius:2px;margin-bottom:21px}input[type=text]:focus{border-color:#7d9bb0}.form-volume-label{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.form-volume-label label{margin:0}.form-volume-label output{color:var(--blue);font-size:11px;font-variant-numeric:tabular-nums}.field-note{font-size:11px;color:#8798a5;line-height:1.7}.identity-panel .field-note{margin:6px 0 24px}.service-status{display:flex;align-items:center;gap:10px;margin:34px 0 10px}.service-status strong{font-size:16px;font-weight:700}.discord-panel>.field-note{min-height:36px}.config-details{margin:20px 0 26px}.config-details>div{border-top:1px solid #34404a;padding:12px 0}.config-details dt{font-size:9px;color:#869aa9;text-transform:uppercase;letter-spacing:1px}.config-details dd{margin:5px 0 0;font-size:12px;color:#c4d1da;overflow-wrap:anywhere}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.library-panel{margin-top:24px}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.library-heading>.button{flex-shrink:0}.library-heading .panel-heading{margin-bottom:0}.library-heading h2{display:flex;align-items:center;gap:13px}.folder-line{padding:13px 15px;background:#11171b;border:1px solid #2d3a44;margin-top:25px;margin-bottom:9px;display:flex;gap:16px;align-items:baseline}.folder-line>span{font-size:9px;color:#879cab;white-space:nowrap}.folder-line code{font-size:11px;color:#acbecb;overflow-wrap:anywhere;min-width:0}.admin-track-list{margin-top:20px}.admin-track-list .track-row{grid-template-columns:27px 35px 1fr auto auto;padding-right:0}.track-play-button{padding:8px 13px;min-height:35px;font-size:10px}.admin-footnote{text-align:center;font-size:10px;color:#738797;margin-top:21px;margin-bottom:14px}.admin-page .site-footer{border-top:1px solid #26343f;margin-top:30px}
@media(min-width:1500px){.hero{min-height:470px}.hero-content{padding-top:66px}.main-content{margin-top:-40px}}
@media(max-width:1100px){.shell{width:calc(100% - 56px)}.header-nav{gap:23px}.player-card{grid-template-columns:165px 1fr 166px}.player-art{padding:17px}.player-main{padding:24px 23px 18px}.player-controls{gap:15px}.listen-button{min-width:160px;padding:11px 13px}.volume-control{gap:7px}.volume-control output{display:none}.content-grid{gap:28px;grid-template-columns:1fr 266px}.next-track{padding:25px 19px}.brand strong{font-size:14px}.brand small{font-size:7px}.admin-on-air{align-items:flex-start}.admin-transport{max-width:200px}.admin-current{max-width:none}}
@media(max-width:850px){.header-nav{gap:20px;font-size:10px}.header-nav a:last-child{display:none}.hero h1{font-size:76px}.hero-coordinate{display:none}.player-card{grid-template-columns:145px 1fr}.next-track{grid-column:1/-1;border-left:0;border-top:1px solid #343a3f;display:flex;flex-direction:row;align-items:center;padding:14px 20px;gap:12px}.next-track .eyebrow{flex-shrink:0}.next-icon{margin:0;width:15px;height:15px}.next-track strong{font-size:11px}.next-caption,.next-rule,.next-note{display:none}.player-art img{width:103px;height:103px}.art-caption{font-size:13px}.art-corner{display:none}.player-topline{gap:10px}.status-pill{font-size:7px;letter-spacing:.75px}.content-grid{grid-template-columns:1fr 240px;gap:24px}.community-card{padding:22px 20px 0}.community-card h2{font-size:22px}.social-links a{min-width:93px;padding:11px;gap:12px}.site-footer p{display:none}.admin-grid{gap:18px}.panel{padding:23px}.admin-current h3{font-size:20px}.admin-transport .button{min-height:37px;font-size:9px;padding:9px 11px}.identity-panel label>span{display:block;margin:3px 0 0}}
@media(max-width:660px){.shell{width:calc(100% - 36px)}.site-header{height:76px}.brand{gap:10px}.brand img{width:40px;height:40px}.brand strong{font-size:12px;letter-spacing:.6px}.brand small{font-size:6px;letter-spacing:1.4px;margin-top:4px}.header-nav{gap:13px;font-size:9px}.header-nav a:nth-child(2){display:none}.nav-current:after{bottom:-29px}.hero{min-height:390px;background-position:61% 40%}.hero-shade{background:linear-gradient(90deg,#0a0e11d9,#0a0e1133),linear-gradient(0deg,#101214,transparent 65%)}.hero-content{padding-top:37px;padding-bottom:72px}.hero .eyebrow{font-size:7px;letter-spacing:1.5px}.hero h1{font-size:72px;letter-spacing:-4px;margin-top:22px}.hero-description{font-size:12px;max-width:290px;margin-top:18px}.hero-bottom{font-size:6px;letter-spacing:1.6px;margin-top:22px}.hero-side-mark{display:none}.main-content{margin-top:-32px}.player-card{grid-template-columns:1fr}.player-art{display:none}.player-main{padding:22px 20px 18px}.player-topline h2{font-size:8px}.status-pill{font-size:7px}.track-heading{margin-top:23px}.track-heading h3{font-size:23px}.track-heading p{font-size:9px}.player-controls{gap:23px;margin-top:21px}.volume-control{max-width:140px}.listen-button{min-width:163px}.audio-status{font-size:9px;margin-top:13px}.next-track{padding:13px 20px;gap:10px}.next-track strong{font-size:10px}.content-grid{grid-template-columns:1fr;gap:30px;margin-top:34px}.section-heading h2{font-size:25px}.section-heading{margin-bottom:17px}.track-row{min-height:66px;gap:12px}.track-title{font-size:11px}.community-card{padding:25px 23px 0}.community-card h2{font-size:28px;margin-top:24px}.community-card>p{max-width:90%;font-size:12px}.community-card .button{margin-top:22px}.community-footer{margin-top:24px}.community-mark{font-size:175px;right:5px;top:23px}.social-strip{flex-direction:column;align-items:flex-start;gap:20px;margin-top:32px;padding:25px 0}.social-links{width:100%;gap:8px}.social-links a{flex:1;min-width:0;font-size:10px;padding:12px}.site-footer{padding-top:23px;padding-bottom:25px}.site-footer>span{font-size:8px}.site-footer a{font-size:6px}.private-badge{font-size:6px;letter-spacing:.7px;gap:5px}.private-badge .status-dot{width:4px;height:4px}.admin-main{padding-top:30px}.admin-intro{align-items:flex-start;flex-direction:column;gap:20px}.admin-intro h1{font-size:43px}.admin-intro .eyebrow{font-size:8px}.admin-intro p{font-size:11px}.admin-on-air{display:block}.admin-current h3{font-size:22px}.admin-transport{max-width:none;justify-content:flex-start;margin-top:25px;gap:8px}.admin-transport .button{font-size:10px}.admin-grid{grid-template-columns:1fr;gap:20px}.panel{padding:22px 19px}.library-panel{margin-top:20px}.library-heading{align-items:flex-start;flex-direction:column;gap:21px}.library-heading>.button{width:100%}.folder-line{display:block}.folder-line>span{display:block;margin-bottom:7px}.folder-line code{font-size:10px}.admin-track-list .track-row{grid-template-columns:20px 1fr auto;gap:9px;padding-top:13px;padding-bottom:13px}.admin-track-list .track-thumb,.admin-track-list .track-duration{display:none}.track-play-button{font-size:9px;padding:8px 10px}.admin-footnote{font-size:9px;line-height:1.7}.identity-panel label>span{display:inline;margin-left:7px}.discord-panel>.field-note{min-height:0}.service-status{margin-top:25px}.admin-notice{font-size:11px;padding:12px 14px}.admin-page .site-footer p{display:block;font-size:6px}}
@media(max-width:375px){.shell{width:calc(100% - 28px)}.brand strong{font-size:11px}.brand small{font-size:5px}.hero h1{font-size:64px}.player-main{padding-left:17px;padding-right:17px}.player-controls{gap:14px}.listen-button{min-width:150px;font-size:10px}.volume-control{gap:6px}.status-pill{font-size:6px}.identity-panel label>span{display:block;margin-left:0}.private-badge{max-width:85px}.admin-transport .button{font-size:9px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.microphone-panel{margin-bottom:24px;position:relative;overflow:hidden;border-top:2px solid #667984;background:linear-gradient(120deg,#232b30,#181e23 70%)}.microphone-panel.is-on-air{border-color:#8b3942;border-top-color:var(--red);background:linear-gradient(120deg,#2d2329,#1c1c22 70%)}.microphone-topline{display:flex;align-items:center;justify-content:space-between;gap:18px}.microphone-heading{display:flex;align-items:center;gap:15px}.microphone-emblem{display:grid;place-items:center;width:46px;height:46px;background:#12191d;border:1px solid #475661;color:#9cb4c5}.microphone-emblem .icon{width:23px;height:23px}.is-on-air .microphone-emblem{color:#ff7480;border-color:#85414a;background:#2c1c22}.microphone-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.microphone-heading h2{font-size:24px;letter-spacing:-.7px;line-height:1.15;margin-top:5px}.microphone-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #42515c;color:#a0adb6;font-size:9px;font-weight:800;letter-spacing:1px;flex-shrink:0}.microphone-badge.is-testing{background:#18303e;border-color:#456c83;color:#aed9ef}.microphone-badge.is-testing .status-dot{background:#95d4f4}.microphone-badge.is-on-air{background:#4d1923;border-color:var(--red);color:#ffe3e6}.microphone-badge.is-on-air .status-dot{background:#ff6470;box-shadow:0 0 10px #ff354488}.microphone-layout{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start;margin-top:28px}.microphone-setup>label{display:block;font-size:11px;font-weight:700;margin-bottom:9px}.microphone-setup select{width:100%;min-width:0;min-height:42px;display:block;border:1px solid #495c69;border-radius:2px;padding:10px 33px 10px 12px;background:#10181d;color:#e0e8ed;font:inherit;font-size:12px;text-overflow:ellipsis;cursor:pointer}.microphone-setup select:disabled{cursor:not-allowed;opacity:.72}.microphone-setup select:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.microphone-setup .field-note{margin-top:8px;font-size:10px;overflow-wrap:anywhere}.microphone-level{padding-top:1px}.microphone-level-label{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:8px;font-weight:800;letter-spacing:1.1px;margin-bottom:14px;color:#acbbc6}.microphone-level-label output{color:#d5e2ea;font-size:10px;letter-spacing:.3px;min-width:56px;text-align:right;font-variant-numeric:tabular-nums}.microphone-level meter{appearance:none;-webkit-appearance:none;display:block;width:100%;height:16px;background:#0e1418;border:1px solid #364550;border-radius:0;overflow:hidden}.microphone-level meter::-webkit-meter-bar{border:none;border-radius:0;box-shadow:none;background:#0e1418;height:14px}.microphone-level meter::-webkit-meter-optimum-value,.microphone-level meter::-webkit-meter-suboptimum-value,.microphone-level meter::-webkit-meter-even-less-good-value{border-radius:0;background:linear-gradient(90deg,#609c80,#8de0b0 69%,#e6c079 89%,#ff5264)}.microphone-level meter::-moz-meter-bar{background:linear-gradient(90deg,#609c80,#8de0b0 69%,#e6c079 89%,#ff5264);border-radius:0}.microphone-level-scale{display:flex;justify-content:space-between;margin-top:7px;color:#718996;font-size:7px;font-weight:700;letter-spacing:.9px}.microphone-level-hint{font-size:10px;color:#91a4b0;line-height:1.6;margin-top:11px;min-height:16px}.microphone-level-hint.is-loud{color:#ffbd86}.microphone-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:23px}.microphone-actions .icon{width:16px;height:16px}.microphone-button-dot{width:7px;height:7px;background:currentColor;border-radius:50%}.microphone-cut{background:#11191e;border:1px solid #58616b;color:#c5d0d7}.microphone-cut:hover{background:#202b33;border-color:#a1b0bd}.is-on-air .microphone-cut{background:#ff3544;color:white;border-color:#ff3544}.is-on-air .microphone-cut:hover{background:#ff5562;border-color:#ff5562}.is-on-air #microphone-live{opacity:.3}.microphone-message{font-size:12px;line-height:1.7;color:#b1c2cc;margin-top:18px;min-height:21px}.microphone-message.is-error{color:#ffb5ae}.is-on-air .microphone-message{color:#f0c9cf}.microphone-notes{display:flex;align-items:center;flex-wrap:wrap;gap:9px 23px;border-top:1px solid #34434d;padding-top:16px;margin-top:19px;color:#8097a6;font-size:9px;line-height:1.7}.microphone-notes>span{display:flex;align-items:center;gap:7px}.microphone-notes .icon{width:13px;height:13px;color:#a3b6c2}
@media(max-width:850px){.microphone-layout{gap:24px}.microphone-badge{font-size:8px;padding:8px 10px;letter-spacing:.6px}.microphone-actions .button{padding:11px 15px;font-size:10px}}
@media(max-width:660px){.microphone-panel{margin-bottom:20px}.microphone-topline{align-items:flex-start;flex-wrap:wrap;gap:19px}.microphone-heading h2{font-size:23px}.microphone-emblem{width:41px;height:41px}.microphone-layout{grid-template-columns:1fr;gap:24px;margin-top:23px}.microphone-badge{font-size:8px;min-height:30px}.microphone-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.microphone-actions #microphone-live{grid-column:2;grid-row:1}.microphone-actions #microphone-stop{grid-column:1/-1}.microphone-actions .button{min-height:44px;padding:11px 9px;font-size:10px;gap:7px}.microphone-message{font-size:11px}.microphone-notes{align-items:flex-start;flex-direction:column;gap:8px;font-size:9px}.microphone-level-label{margin-bottom:12px}}
@media(max-width:375px){.microphone-actions{grid-template-columns:1fr}.microphone-actions #microphone-live{grid-column:1;grid-row:2}.microphone-actions .button{font-size:11px}}
.admin-on-air{align-items:center}.admin-transport{display:grid;grid-template-columns:1fr 1fr;flex:0 1 450px;max-width:none;gap:9px}.admin-transport .button{white-space:normal;text-align:center;min-height:42px;padding:11px 13px}.admin-transport .button-stop-radio{color:#d89b9f}.admin-transport .button-stop-radio:hover{background:#ff354412;color:#ffb1b8}.admin-transport #music-pause.is-paused{border-color:#879f67;background:#94b06b14;color:#c9dfad}.transport-help{grid-column:1/-1;color:#7f939f;font-size:9px;line-height:1.7;max-width:430px;margin-top:3px}.admin-current .music-state-detail{font-size:10px;line-height:1.7;color:#8b9eaa;border-top:1px solid #36414a;padding-top:12px;margin-top:15px}.admin-current .music-state-detail.is-paused{color:#c2d5a9}.jingles-panel{margin-bottom:24px;border-top:2px solid #7294a9;background:linear-gradient(130deg,#1e2931,#181e23 75%)}.jingles-panel.is-playing{border-top-color:var(--red)}.jingles-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.jingles-heading>.button{flex-shrink:0}.jingles-heading .panel-heading{margin:0}.jingles-heading h2{display:flex;align-items:center;gap:12px}.jingles-emblem{display:grid;place-items:center;width:42px;height:42px;border:1px solid #4d6a7d;background:#142129;color:#a4c6dd}.jingles-emblem .icon{width:23px;height:23px}.jingle-on-air{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:23px 0 19px;padding:14px 17px;background:#0f171d;border:1px solid #344a59}.jingle-on-air>div{min-width:0}.jingle-state-label{color:#8ba5b8;font-size:8px;letter-spacing:1.3px;font-weight:800}.jingle-on-air p{margin-top:5px;color:#b8cad6;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.jingle-on-air>.button{flex-shrink:0;min-height:36px;font-size:10px;padding:8px 12px}.jingles-panel.is-playing .jingle-state-label{color:#ff929c}.jingles-panel.is-playing .jingle-on-air{background:#281a21;border-color:#703440}.jingles-panel.is-playing .jingle-on-air p{color:#f4d6db;font-weight:700}.jingle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px}.jingle-grid>.empty-state{grid-column:1/-1;width:100%;border:1px dashed #41586a;color:#9db2c1;padding:25px 17px}.jingle-play-button{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:16px;min-height:136px;padding:17px;background:linear-gradient(140deg,#273b49,#1a2832);border:1px solid #466171;border-top:2px solid #688b9f;border-radius:2px;color:#ddeaf0;transition:background .18s,border-color .18s,transform .18s}.jingle-play-button:hover{background:linear-gradient(140deg,#334d5e,#233745);border-color:#9cb9c8;transform:translateY(-2px)}.jingle-play-button:disabled{opacity:.5}.jingle-play-button.is-current:disabled{opacity:1}.jingle-play-button.is-current{background:linear-gradient(140deg,#452532,#241e28);border-color:#b34455;border-top-color:var(--red)}.jingle-number{display:grid;place-items:center;min-width:26px;height:23px;padding:3px 5px;background:#0e1b239c;border:1px solid #476575;font-size:9px;color:#aecbdc;font-weight:700;font-variant-numeric:tabular-nums}.jingle-title{font-size:13px;line-height:1.5;overflow-wrap:anywhere;max-width:100%;font-weight:800}.jingle-card-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;width:100%;margin-top:auto;padding-top:12px;border-top:1px solid #5b82913d;font-size:8px;letter-spacing:.6px;color:#9cb9ca;font-weight:800;font-variant-numeric:tabular-nums}.jingle-play-button.is-current .jingle-card-footer{color:#ffa2ae;border-color:#a2536852}.jingles-panel .folder-line{margin-top:19px;margin-bottom:8px}.jingles-panel>.field-note{font-size:10px}
@media(max-width:980px){.admin-on-air{align-items:stretch;flex-direction:column;gap:24px}.admin-transport{width:100%;flex-basis:auto}.admin-current{max-width:none}.transport-help{max-width:none}.jingle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:660px){.jingles-panel{margin-bottom:20px}.jingles-heading{align-items:flex-start;flex-direction:column;gap:19px}.jingles-heading>.button{width:100%}.jingle-on-air{align-items:flex-start;flex-direction:column;gap:13px;padding:13px 14px}.jingle-on-air>.button{width:100%;min-height:39px}.jingle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.jingle-play-button{padding:14px;min-height:140px;gap:12px}.jingle-title{font-size:12px}.jingle-card-footer{font-size:7px;gap:7px}.admin-transport .button{font-size:10px;min-height:44px}.transport-help{font-size:9px}}
@media(max-width:375px){.admin-transport{grid-template-columns:1fr}.jingle-grid{grid-template-columns:1fr}.jingle-play-button{min-height:120px}}

/* Microphone sound controls: private studio only. */
.voice-settings{margin-top:26px;padding:22px;background:#11181ddd;border:1px solid #35454f;border-radius:3px}
.voice-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}
.voice-settings-heading h3{font-size:18px;margin-top:4px;letter-spacing:-.3px}.voice-settings-heading .eyebrow{font-size:8px;letter-spacing:1.5px}
.voice-safety{color:#9cbcac;background:#193329;border:1px solid #345849;padding:5px 9px;font-size:9px;white-space:nowrap;border-radius:3px}
.voice-main-settings,.voice-fine-settings{display:grid;grid-template-columns:1fr 1fr;gap:22px 36px}
.voice-field label{font-size:11px;font-weight:700}.voice-field>label{display:block;margin-bottom:9px}.voice-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}
.voice-label output{font-size:12px;color:#adcde0;font-variant-numeric:tabular-nums}.voice-field p{font-size:10px;line-height:1.6;color:#92a7b4;margin-top:8px}.voice-field select{width:100%;min-height:42px;min-width:0;background:#18232a;border:1px solid #506471;border-radius:3px;color:#e1eaf0;font:inherit;font-size:12px;padding:10px}
.voice-field input[type=range]{display:block;width:100%;height:28px;margin:0;accent-color:#ed4d5c;cursor:pointer}.voice-range-labels{display:flex;justify-content:space-between;letter-spacing:1px;font-size:7px;color:#839cac}
.voice-details{border-top:1px solid #34434d;margin-top:21px;padding-top:16px}.voice-details summary{font-size:11px;cursor:pointer;font-weight:700;color:#bdd0dc;width:fit-content;padding:4px 0}.voice-details summary::marker{color:#ed4d5c}.voice-details[open] summary{margin-bottom:20px}.voice-fine-settings{margin-bottom:12px}
.voice-toggle{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.voice-toggle input{width:17px;height:17px;flex-shrink:0;accent-color:#ed4d5c;margin:2px 0}.voice-toggle strong{display:block;font-size:11px;font-weight:700;color:#c2d0da}.voice-toggle small{display:block;font-size:10px;color:#92a7b4;line-height:1.65;margin-top:4px}.voice-toggle:has(input:disabled){opacity:.58;cursor:not-allowed}
.voice-details .button{font-size:10px;padding:9px 12px}.voice-setting-message{font-size:10px;color:#849caa;line-height:1.65;margin-top:15px;min-height:17px}
.voice-settings select:focus-visible,.voice-settings summary:focus-visible,.voice-settings input:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
@media(max-width:660px){.voice-settings{padding:16px;margin-top:23px}.voice-settings-heading{align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:20px}.voice-settings-heading h3{font-size:18px}.voice-safety{font-size:8px}.voice-main-settings,.voice-fine-settings{grid-template-columns:1fr;gap:20px}.voice-field select{font-size:12px}.voice-field input[type=range]{height:34px}.voice-toggle{min-height:42px}.voice-details summary{min-height:34px}.voice-setting-message{font-size:10px}}.voice-field input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;border:0;padding:0}
.voice-field input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#3d515e}
.voice-field input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;border:2px solid #ffc2c8;border-radius:50%;background:#ed4d5c;margin-top:-5px;box-shadow:0 0 0 3px #ed4d5c18}
.voice-field input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:#3d515e}
.voice-field input[type=range]::-moz-range-thumb{width:12px;height:12px;border:2px solid #ffc2c8;border-radius:50%;background:#ed4d5c}

.studio-panel { margin-top: 24px; padding: 28px; }
.studio-guests { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 24px; }
.studio-person { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid #ffffff15; }
@media (max-width: 680px) { .studio-guests { grid-template-columns: 1fr; } }