/* Release 30: one visual layer for the approved streaming layout. */
.build-footer{display:block;margin:22px 0 0;padding:14px 0 0;border-top:1px solid #24456c;color:#adc0dc;font-size:12px;letter-spacing:0;text-align:center}
.settings-build{margin:0 0 18px;color:#adc0dc;font-size:12px}
@font-face{font-family:Roboto;src:url('index.php?asset=roboto-400.ttf&v=154') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Roboto;src:url('index.php?asset=roboto-700.ttf&v=154') format('truetype');font-weight:700;font-display:swap}
:root{--navy:#041630;--panel:#08254c;--blue:#2cafff;--violet:#7853d5;--accent:#d62d70;--muted:#adc0dc;color-scheme:dark}
html{scroll-behavior:smooth;scroll-padding-top:20px}
body{background:radial-gradient(ellipse at 50% 10%,#0c2853 0,#041630 75%);color:#f4f7ff;font:400 16px/1.45 Roboto,Arial,sans-serif}
button,input,select{font-family:inherit}button,a,input{touch-action:manipulation}
[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;padding:0!important;margin:-1px!important;border:0!important}
header.mobile-header{max-width:1200px;min-height:80px;margin:auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:0}
.brand-lockup{display:flex;align-items:center;gap:8px;flex-shrink:0}.brand-home{display:flex}.brand-icon{width:45px;height:45px}.brand-copy{display:block}.mobile-header .brand{display:block;font-size:16px;letter-spacing:-.3px;font-weight:700;color:#fff}.brand-tagline{display:block;font-size:10px;letter-spacing:.8px;color:#afbbda;margin-top:2px}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:22px;flex:1}
.header-actions .nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 0;border:0;border-radius:0;background:transparent;color:#bccce5;text-decoration:none;font-size:13px;font-weight:400;white-space:nowrap}
.header-actions .nav-link.active{color:var(--blue);border-bottom:2px solid var(--blue)}
.header-actions .nav-personalize{min-height:38px;padding:9px 19px;background:var(--accent);border:0;border-radius:7px;font-size:13px;font-weight:700;color:white}
.header-actions #openSettings{border:0;background:transparent}.header-actions .account-nav{display:flex;align-items:center;gap:9px;margin-left:auto;min-height:40px;padding:4px 10px 4px 4px;border:1px solid #335482;border-radius:24px;background:#0b2851;color:#fff;text-decoration:none;font-size:13px;white-space:nowrap}
.account-avatar{width:29px;height:29px;display:block;position:relative;background:#4866a4;border:2px solid #6ac4ff;border-radius:50%;font-size:0}.account-avatar:before{content:'';position:absolute;left:8px;top:3px;width:9px;height:9px;background:#f3f5ff;border-radius:50%}.account-avatar:after{content:'';position:absolute;left:4px;bottom:1px;width:17px;height:10px;background:#f3f5ff;border-radius:10px 10px 6px 6px}
main{max-width:1200px;margin:auto;padding:0 24px 32px}.channel-label{display:none}.screen{width:100%;min-height:0;aspect-ratio:16/9;border:1px solid #24456c;border-radius:10px;background:#010c1e;box-shadow:0 10px 32px #0003}.screen video{object-fit:contain}
.screen-status{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:7px;z-index:6}.autoplay-chip{padding:5px 9px;border-radius:5px;background:#06204ad9;color:#fff;font-size:11px}.autoplay-chip span{color:#c6ddff;font-size:8px}.screen-sound{background:#06204aeb;border:1px solid #7994bd;min-height:32px;padding:5px 10px;font-size:11px;border-radius:5px}
.screen-actions{position:absolute;right:13px;bottom:51px;display:flex;gap:6px;z-index:7}.screen-action{padding:5px 9px;min-height:34px;border:1px solid #ffffff55;background:#05162fd9;border-radius:7px;font-size:12px}.video-feedback-overlay{right:125px;bottom:51px;z-index:7;gap:6px}.video-feedback-overlay button{display:grid;place-items:center;width:34px;height:34px;min-height:34px;padding:0;border:0;border-radius:50%;background:#d62d70;color:#fff;box-shadow:none}.video-feedback-overlay button+button{background:#5d3cc5}.video-feedback-overlay button[aria-pressed=true]{box-shadow:0 0 0 2px #fff,0 0 0 4px #d62d70}.video-feedback-overlay button+button[aria-pressed=true]{box-shadow:0 0 0 2px #fff,0 0 0 4px #5d3cc5}.reaction-icon{width:18px;height:18px;fill:currentColor}
.rotate-hint{display:none}
#accountPanel.account-cta{margin:18px 0 0;padding:20px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2.3fr);align-items:center;gap:24px;border:1px solid #204572;border-radius:10px;background:linear-gradient(110deg,#0b2b55,#062247);box-shadow:none}
.account-copy .eyebrow{display:none}.account-copy h2{font-size:21px;line-height:1.2;letter-spacing:-.3px;margin:0 0 6px}.account-copy p{font-size:13px;line-height:1.45;color:#bdd0e8;margin:0;max-width:250px}
#accountPanel .briefing-profile{display:grid;grid-template-columns:1fr 1.4fr .7fr auto;align-items:end;gap:8px;font-size:10px;min-width:0}
#accountPanel .briefing-profile label{display:grid;gap:5px;min-width:0;color:#adc1e0;font-size:10px}.field-label{display:inline;line-height:inherit}.required-mark{display:inline;color:#f57dae;cursor:help}
#accountPanel .briefing-profile input{width:100%;min-width:0;height:38px;padding:8px;border:1px solid #345986;border-radius:5px;background:#0c2d58;color:#fff;font:400 12px Roboto,Arial,sans-serif;box-shadow:none}
#accountPanel .briefing-profile input::placeholder{color:#96afcf}
#accountPanel #sendLogin{grid-column:auto;min-width:0;min-height:38px;padding:9px 13px;background:var(--accent);border:0;border-radius:6px;color:#fff;font-size:12px;font-weight:700;white-space:nowrap}
.preferences-link{grid-column:1/-1;justify-self:start;background:none;border:0;border-radius:0;min-height:22px;padding:0;color:#42baff;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.profile-feedback,.profile-welcome,#signOut{grid-column:1/-1;margin:0}.profile-feedback{padding:9px 12px;background:#123860;border-radius:6px;font-size:13px;color:#d7eaff}.profile-feedback[data-state=error]{color:#ffd4de;background:#54223e}.profile-welcome p{font-size:17px;color:#fff}.profile-welcome a{color:#54bfff;font-size:13px}.textbutton{color:#54bfff}
.next-card{margin:22px 0 0;padding:0;border:0}.next-card .sectionhead{align-items:center;gap:12px}.next-card h2{font-size:19px;letter-spacing:-.2px}.next-card .sectionhead .small{display:none}.rail-tools{display:flex;align-items:center;gap:14px}.rail-tools #count{font-size:11px;color:var(--muted)}.rail-next{min-height:30px;padding:3px 0;background:none;border:0;color:#44b7ff;font-size:12px}
.next-card.lineup-updated{animation:lineupPulse .8s ease-out}.next-card.lineup-updated h2,.next-card.lineup-updated .rail-next{color:#fff;text-shadow:0 0 14px #d62d70}.next-card.lineup-updated .queue{box-shadow:0 0 0 2px #d62d70,0 0 24px #d62d7066;border-radius:9px;transition:box-shadow .2s}.next-card.lineup-updated .queue-art{animation:cardSparkle .8s ease-out}@keyframes lineupPulse{0%{filter:brightness(1)}35%{filter:brightness(1.35)}100%{filter:brightness(1)}}@keyframes cardSparkle{0%{filter:brightness(1)}45%{filter:brightness(1.55) saturate(1.25)}100%{filter:brightness(1)}}
.queue{display:flex;list-style:none;overflow-x:auto;gap:16px;margin:12px 0 0;padding:0 0 10px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#274a7d transparent}
.queue li,.queue li:not(:first-child){display:block;flex:0 0 calc((100% - 64px)/5);min-width:0;scroll-snap-align:start}
.queue button{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:7px;background:transparent;overflow:hidden;text-align:left;box-shadow:none}
.queue button:before{content:none}.queue button:hover{background:#0b2b55}.queue button>b{display:none}
.queue .queue-art{display:grid;place-items:center;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;padding:4px;border:1px solid #254978;border-radius:7px;background:linear-gradient(135deg,#154b94,#493e9c);color:#dbeeff;font-size:27px;font-weight:700}
.queue-art video{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);border-radius:4px;object-fit:cover;object-position:center;pointer-events:none}.queue-art .duration{position:absolute;right:8px;bottom:8px;z-index:1;margin:0;padding:2px 5px;background:#041021cf;border-radius:4px;color:#fff;font-size:10px;line-height:1.2}
.queue .queue-title{display:block;padding:8px 6px 4px;color:#f5f8ff;font-size:12px;line-height:1.35;font-weight:400}.queue .queue-title small{display:block;font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:#86b0e0;margin-top:4px}
.feedback{display:none}.status,.sample-note{font-size:12px;color:#bbd0ec}.status-toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);padding:10px 16px;background:#133665;border:1px solid #587fba;color:#fff;border-radius:10px;font-size:13px;z-index:1001;box-shadow:0 6px 20px #0005}
button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover,#sendLogin:hover{background:#b8225c}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #66caff;outline-offset:3px}
dialog{background:#081e3e;border-color:#345786}.playlist-prompt{background:linear-gradient(130deg,#071d3bf5,#22295af5)}.playlist-prompt button.primary{background:var(--accent);color:#fff}
@media(min-width:1400px){header.mobile-header,main{max-width:1320px}}
@media(max-width:1050px){.header-actions{gap:16px}.mobile-header .brand{font-size:14px}.brand-icon{width:39px;height:39px}#accountPanel.account-cta{grid-template-columns:1fr 2.4fr;gap:18px;padding:17px}.account-copy h2{font-size:18px}.account-copy p{font-size:12px}#accountPanel .briefing-profile{grid-template-columns:1fr 1.3fr .65fr}#accountPanel #sendLogin{grid-column:2/4;grid-row:2;justify-self:end}.preferences-link{grid-column:1;grid-row:2;align-self:center}.header-actions .account-nav{margin-left:5px}}
@media(max-width:760px){header.mobile-header{padding:12px 14px;min-height:65px;gap:10px}.mobile-header .brand{font-size:11px}.brand-icon{width:33px;height:33px}.brand-tagline{font-size:8px}.header-actions{gap:9px}.header-actions .nav-link{font-size:11px}.header-actions .nav-personalize{font-size:11px;padding:8px 11px}.header-actions .account-nav{font-size:11px;padding-right:7px;gap:5px}.account-avatar{width:25px;height:25px}.account-avatar:before{left:6px}.account-avatar:after{left:2px}main{padding:0 14px 24px}#accountPanel.account-cta{grid-template-columns:1fr;gap:12px}.account-copy p{max-width:none}#accountPanel .briefing-profile{grid-template-columns:1fr 1.4fr .7fr auto}#accountPanel #sendLogin{grid-column:auto;grid-row:auto;font-size:11px}.preferences-link{grid-column:1/-1;grid-row:auto}.queue li,.queue li:not(:first-child){flex-basis:calc((100% - 32px)/3)}.screen{border-radius:8px}.next-card h2{font-size:18px}}
@media(max-width:600px){.header-actions .nav-link{display:none}.header-actions{flex:0 1 auto;gap:8px}.header-actions .account-nav{margin:0}.brand-tagline{font-size:8px}.screen-status{top:8px;left:8px}.autoplay-chip{font-size:9px}.screen-sound{font-size:10px;min-height:28px}.screen-actions{right:8px;bottom:43px}.video-feedback-overlay{right:111px;bottom:43px}.video-feedback-overlay button{width:31px;height:31px;min-height:31px;font-size:15px}.screen-action{font-size:11px;min-height:31px;padding:5px 8px}#accountPanel.account-cta{padding:16px;margin-top:14px;border-radius:9px}.account-copy h2{font-size:20px}.account-copy p{font-size:13px}#accountPanel .briefing-profile{grid-template-columns:1fr;gap:10px}#accountPanel .briefing-profile label{font-size:11px}#accountPanel .briefing-profile input{height:42px;font-size:14px}#accountPanel #sendLogin{grid-column:1;grid-row:auto;width:100%;min-height:43px;font-size:14px;justify-self:stretch}.preferences-link{grid-column:1;grid-row:auto;justify-self:center;min-height:30px}.queue{gap:12px}.queue li,.queue li:not(:first-child){flex-basis:66%}.queue .queue-title{font-size:14px}.queue .queue-title small{font-size:10px}.next-card{margin-top:20px}.rail-tools #count{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.queue-art:before,.queue-art:after{display:none}.queue-art video{object-fit:contain}.queue .queue-title{text-align:left}


.queue{padding-left:4px;padding-right:4px}

.queue .queue-title strong{display:block;font:inherit}