@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#101011;--panel:#1b1a1d;--line:#39373b;--muted:#aaa6ad;--accent:#fcbc02;--white:#f5f3f6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:#29272c;color:var(--white);padding:11px 16px;border-radius:7px}button:hover{border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit}header{min-height:92px;display:flex;align-items:center;gap:30px;padding:0 5%;border-bottom:1px solid var(--line)}.brand{font-size:23px;font-weight:800;letter-spacing:-1px;text-decoration:none;display:flex;align-items:center;gap:8px}.brand span{font-weight:400;color:var(--muted);margin-left:-8px}.mark{background:var(--accent);color:#17110a;font-style:italic;font-size:25px;width:48px;height:40px;display:grid;place-items:center;border-radius:8px}nav{display:flex;gap:5px;margin:auto}nav button{background:none;border:0;color:var(--muted)}nav button.active{color:var(--accent);background:#342b13}.demo{font-size:10px;letter-spacing:1.6px;border:1px solid var(--line);padding:8px 10px;border-radius:4px;color:var(--muted)}main{max-width:1370px;margin:auto;padding:45px 5%}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--accent);margin:0 0 15px}h1,h2,h3,p{margin-top:0}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(48px,6vw,80px);line-height:.95;letter-spacing:-1px;margin-bottom:18px;text-transform:uppercase}h1 em{font-style:normal;color:var(--accent)}h2{font-size:23px;letter-spacing:-.7px}h3{font-size:16px}.intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.subtitle{color:var(--muted);line-height:1.7;margin:0;max-width:500px}.live{color:var(--accent);font-size:10px;letter-spacing:1.2px}.stats{display:flex;gap:25px}.stats strong{font-size:25px;display:block;margin-bottom:5px}.stats small{color:var(--muted);font-size:11px}.layout{display:grid;grid-template-columns:1.4fr 1fr;gap:25px;align-items:start}.panel{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}.panel-body{padding:26px}.now{padding:25px;background:radial-gradient(ellipse at 10% 100%,#40331c 0,transparent 65%),#222024;display:flex;align-items:center;gap:18px;border-bottom:1px solid #51432c}.cover{width:80px;height:80px;flex-shrink:0;background:linear-gradient(145deg,#fcbc02,#0091eb);color:#151318;border-radius:9px;display:grid;place-items:center;font-size:35px;font-weight:800;transform:rotate(-3deg)}.now h2{margin:10px 0 4px}.muted{color:var(--muted);line-height:1.6;font-size:12px}.wave{display:flex;align-items:center;gap:3px;margin-left:auto;height:38px}.wave i{width:4px;background:var(--accent);border-radius:4px;height:var(--h)}.queue-head{padding:23px 24px 15px;display:flex;justify-content:space-between;align-items:center}.queue-head h3{margin:0}.count{color:var(--muted);font-size:12px;font-weight:400;margin-left:6px}.queue-row{display:flex;gap:13px;align-items:center;padding:17px 24px;border-top:1px solid #302d34}.rank{width:19px;color:var(--muted);font-size:12px}.tile{width:40px;height:40px;border-radius:6px;display:grid;place-items:center;font-weight:700;background:var(--tile,#3d3941);color:#eee9f2}.track{flex:1;min-width:0}.track strong{display:block;font-size:13px;overflow-wrap:anywhere}.track small{color:var(--muted);display:block;margin-top:5px;font-size:11px}.money{font-size:14px;font-weight:700;text-align:right}.money small{display:block;font-size:9px;color:var(--accent);font-weight:500;letter-spacing:1px;margin-top:5px}.mini{padding:7px 9px;font-size:11px;background:transparent}.queue-foot{padding:18px 24px;color:var(--muted);font-size:11px;border-top:1px solid var(--line);line-height:1.6}.form-top{display:flex;justify-content:space-between;align-items:start}.form-top h2{margin-bottom:8px}.number{font-family:Impact,sans-serif;color:#65606a;font-size:40px}.tabs{display:flex;background:#121114;border:1px solid var(--line);padding:4px;border-radius:8px;margin:22px 0}.tabs button{flex:1;border:0;background:none;color:var(--muted)}.tabs button.selected{background:var(--accent);color:#1c1608;font-weight:700}label{display:block;font-size:11px;font-weight:600;margin:15px 0 8px}input,select{display:block;width:100%;color:var(--white);background:#121114;border:1px solid #3d3941;border-radius:6px;padding:13px;margin-top:8px;outline:none}input:focus,select:focus{border-color:var(--accent)}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.leader{display:flex;justify-content:space-between;padding:15px;background:#302914;border:1px solid #6b5421;border-radius:7px;margin:18px 0;color:#f8e9bd;font-size:12px}.leader strong{color:var(--accent)}.primary{background:var(--accent);color:#1b1403;border:0;font-weight:700;width:100%;padding:15px;margin-top:12px}.fine{font-size:10px;line-height:1.7;color:var(--muted);margin:12px 0 0}.strip{margin-top:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.strip section{padding:20px 0;border-top:1px solid var(--line)}.strip span{color:var(--accent);font-size:11px}.strip h3{margin:10px 0 7px;font-size:13px}.strip p{font-size:12px;color:var(--muted);line-height:1.6}.notice{font-size:11px;color:#bcb5c2;border:1px dashed #49424f;padding:13px 17px;border-radius:7px;margin-top:24px}.tools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.tools button{flex:1}.host-grid{display:grid;grid-template-columns:2fr 1fr;gap:25px}.overlay-stage{min-height:460px;border-radius:15px;border:1px solid var(--line);background:repeating-conic-gradient(#252328 0% 25%,#302e33 0% 50%) 50% / 28px 28px;display:flex;align-items:end;padding:35px}.overlay-card{max-width:620px;width:100%;background:#121114f5;border-left:5px solid var(--accent);border-radius:8px;padding:22px;box-shadow:0 12px 60px #0008}.overlay-card h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:38px;margin:5px 0}.overlay-next{margin-top:18px;padding-top:15px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.empty{padding:35px;text-align:center;color:var(--muted)}dialog{background:var(--panel);color:var(--white);border:1px solid #675a3c;border-radius:15px;width:420px;max-width:90vw;padding:30px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.close{float:right;font-size:22px;padding:0 7px;border:0;background:none}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--accent);color:#191202;padding:14px 22px;border-radius:7px;display:none;z-index:20;max-width:90vw}footer{color:var(--muted);font-size:10px;display:flex;justify-content:space-between;margin-top:35px;padding:20px 0;border-top:1px solid var(--line)}@media(max-width:850px){header{height:auto;min-height:85px;flex-wrap:wrap;padding:20px 5%;gap:15px}nav{order:3;width:100%;justify-content:center}nav button{font-size:12px;padding:9px}.demo{margin-left:auto}.layout,.host-grid{grid-template-columns:1fr}.intro{align-items:start}.stats{display:none}.strip{gap:15px}.queue-row{padding:16px}.panel-body{padding:20px}main{padding-top:30px}.overlay-stage{padding:16px;min-height:360px}}
.wheel-dialog{width:560px;text-align:center;max-height:95vh;overflow:auto}.wheel-wrap{position:relative;max-width:380px;margin:10px auto}.wheel-wrap canvas{width:100%;display:block}.wheel-pointer{position:absolute;z-index:1;top:-5px;left:50%;transform:translateX(-50%);font-size:35px;color:#fff;filter:drop-shadow(0 3px 2px #000)}#wheelResult{font-size:16px;min-height:44px;line-height:1.5;color:var(--accent)}[hidden]{display:none!important}.tabs button{padding:11px 8px;font-size:12px}#toggleFree[aria-pressed="true"]{color:var(--accent);border-color:#997313}#toggleFree[aria-pressed="false"]{color:#ffb2b5;border-color:#a03b40}

/* Flawd Reacts brand palette sampled from the supplied artwork. */
:root{--blue:#0091eb;--red:#d50f14;--charcoal:#312f32}
.brand-logo{width:86px;height:70px;object-fit:contain;display:block;flex-shrink:0}.brand{gap:10px}.brand span{color:#aaa6ad}.cover{background:#312f32;transform:none;padding:4px;box-shadow:3px 3px 0 var(--blue)}.cover img{width:100%;height:100%;object-fit:contain}.intro{border-left:3px solid var(--blue);padding-left:22px}nav button.active{box-shadow:inset 0 -2px 0 var(--accent)}.live{color:var(--accent)}.now .live{color:#fff}.now .live::first-letter{color:var(--red)}.mini:hover{border-color:var(--blue);color:#70c8ff}.overlay-brand{width:76px;height:62px;object-fit:contain;vertical-align:middle;margin-right:12px}.overlay-card{border-left-color:var(--accent);border-bottom:3px solid var(--blue)}.wheel-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:46px;object-fit:contain;pointer-events:none}.wheel-pointer{color:var(--red)}.strip section:nth-child(2){border-top-color:var(--blue)}.strip section:nth-child(3){border-top-color:var(--red)}#toggleFree[aria-pressed="false"]{background:#32191d}.primary:hover{background:#ffd34d;color:#171106}.brand:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}

.rating-controls{padding:24px;border-bottom:1px solid var(--line);background:#211e23}.rating-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.rating-heading .eyebrow{margin-bottom:8px}.rating-heading h3{margin-bottom:16px}.rating-heading>strong{color:var(--accent);white-space:nowrap}.rating-buttons{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.rating-buttons button{padding:12px 0;font-weight:700;background:#141216}.rating-buttons button[aria-pressed="true"]{background:var(--accent);color:#181104;border-color:var(--accent)}.rating-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;align-items:center}.rating-actions a{text-decoration:none;color:#70c8ff}.rating-popup{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#161318;border:1px solid #51452b;border-left:5px solid var(--accent);border-bottom:3px solid var(--blue);border-radius:10px;padding:22px 26px;box-shadow:0 14px 40px #0007;animation:rating-enter .45s cubic-bezier(.17,.89,.32,1.25) both}.rating-controls .rating-popup{margin-top:20px}.overlay-stage{position:relative;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:22px}.overlay-stage .rating-popup{width:min(100%,620px)}.rating-copy{min-width:0}.rating-copy .eyebrow{display:block;margin-bottom:12px}.rating-copy h3{font-size:21px;margin:0 0 6px;overflow-wrap:anywhere}.rating-copy p{margin:0;color:#c2bac7;font-size:13px;overflow-wrap:anywhere}.rating-score{white-space:nowrap;display:flex;align-items:baseline;flex-shrink:0}.rating-score strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:76px;line-height:1;color:var(--accent);text-shadow:3px 3px 0 #7b350d}.rating-score span{font-size:21px;color:#a29ba8;margin-left:5px}.history-score{color:var(--accent);white-space:nowrap;margin-left:8px}@keyframes rating-enter{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:520px){.rating-buttons{grid-template-columns:repeat(5,1fr)}.rating-controls{padding:20px}.rating-popup{gap:12px;padding:18px}.rating-score strong{font-size:58px}.rating-copy h3{font-size:17px}}@media(prefers-reduced-motion:reduce){.rating-popup{animation:none}}

/* Compact rating badge overlaps the persistent Now Playing card. */
.rating-controls .rating-popup{max-width:310px;padding:12px 16px;gap:16px}.rating-controls .rating-copy .eyebrow{font-size:9px;margin-bottom:6px;letter-spacing:1px}.rating-controls .rating-copy h3{font-size:14px}.rating-controls .rating-copy p{font-size:11px}.rating-controls .rating-score strong{font-size:44px}.rating-controls .rating-score span{font-size:15px}
.overlay-card{position:relative;overflow:visible}.overlay-stage .rating-popup{position:absolute;top:-30px;right:18px;z-index:2;width:190px;max-width:65%;min-height:68px;padding:10px 14px;gap:12px;border-left-width:3px;border-bottom-width:2px;box-shadow:0 6px 20px #0009;animation:rating-badge-enter .3s ease-out both}.overlay-stage .rating-copy .eyebrow{margin:0;font-size:9px;line-height:1.5;letter-spacing:1px}.overlay-stage .rating-copy h3,.overlay-stage .rating-copy p{display:none}.overlay-stage .rating-score strong{font-size:44px}.overlay-stage .rating-score span{font-size:15px;margin-left:3px}.overlay-stage .rating-score{align-self:center}
@keyframes rating-badge-enter{from{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:520px){.overlay-stage .rating-popup{width:164px;right:10px;top:-28px;min-height:60px;padding:9px 11px;gap:8px}.overlay-stage .rating-score strong{font-size:38px}.overlay-stage .rating-copy .eyebrow{font-size:8px}.overlay-stage .rating-score span{font-size:13px}}
@media(prefers-reduced-motion:reduce){.overlay-stage .rating-popup{animation:none}}

#toggleBoosts[aria-pressed="true"]{border-color:var(--blue);color:#8bd3ff;background:#172b39}#toggleBoosts[aria-pressed="false"]{border-color:#754044;color:#ffb2b5;background:#32191d}.boost-status{font-weight:600;color:#c9c2ce}.tools button{min-width:130px}

textarea{font:inherit;display:block;width:100%;color:var(--white);background:#121114;border:1px solid #3d3941;border-radius:6px;padding:13px;margin-top:8px;resize:vertical;min-height:90px;outline:none;line-height:1.5}textarea:focus{border-color:var(--accent)}.optional{color:var(--muted);font-weight:400}.character-count{font-size:10px;text-align:right;color:var(--muted);margin:6px 0 16px}.submission-info{padding:18px 24px;border-bottom:1px solid var(--line);min-width:0}.submission-info.compact{padding:10px 0 0;border:0}.info-label{display:block;color:var(--muted);font-size:9px;letter-spacing:1px;margin-bottom:5px}.submission-info a{display:block;font-size:12px;color:#79caff;overflow-wrap:anywhere;line-height:1.6;text-decoration:underline;text-underline-offset:3px}.submission-info a+.info-label{margin-top:13px}.submission-notes{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.6;margin:0;color:#ddd7e2}.no-notes{margin:8px 0 0;font-size:10px}.history-entry{display:flex;text-align:left;align-items:center;justify-content:space-between;gap:12px;width:100%;background:#211e23;margin-top:9px;padding:13px}.history-entry strong{display:block;font-size:12px;overflow-wrap:anywhere}.history-entry small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.history-entry>span:first-child{min-width:0}.history-entry .history-score{font-size:12px}.history-dialog{width:560px;max-height:90vh;overflow:auto}.history-dialog h2{overflow-wrap:anywhere}.history-dialog .submission-info{padding:20px 0}.history-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:12px}.history-meta strong{color:var(--accent)}

.host-nav{display:inline-flex;align-items:center;text-decoration:none;padding:11px 16px;border-radius:7px;color:var(--accent);font-size:14px;background:#342b13}.host-account{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.host-account>a{font-size:11px;color:var(--muted)}@media(max-width:850px){.host-nav{font-size:12px;padding:9px}.host-account{margin-left:auto}}

.tier-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}#toggleStandard[aria-pressed="true"]{border-color:var(--blue);color:#8bd3ff;background:#172b39}#toggleStandard[aria-pressed="false"]{border-color:#754044;color:#ffb2b5;background:#32191d}

.social-fields{border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin:20px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.social-fields legend{font-size:12px;font-weight:600;padding:0 5px}.social-fields>.fine{grid-column:1/-1;margin:0}.social-fields label{margin:0}.social-fields input{min-width:0;padding:11px 8px;font-size:12px}.social-handles{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.social-handle{display:inline-flex;align-items:center;gap:8px;max-width:100%;border:1px solid #45404b;background:#252129;border-radius:6px;padding:7px 10px;font-size:12px}.social-platform{font-size:9px;font-weight:700;letter-spacing:.6px;color:var(--accent);flex-shrink:0}.social-username{overflow-wrap:anywhere;color:#f3edf6;min-width:0}.social-x .social-platform{color:#e8e6ec}.social-tiktok .social-platform{color:#79caff}.overlay-card .social-handles{margin-top:18px}.overlay-card .social-handle{border-left:2px solid var(--blue)}.submission-info .social-handle{font-size:11px}@media(max-width:520px){.social-fields{grid-template-columns:1fr}.social-fields input{font-size:14px}.overlay-card .social-handle{font-size:11px;padding:6px 8px}.social-handles{gap:6px}}

.manage-panel{border:1px solid #4b5c6d;border-radius:12px;padding:24px;background:#1b252e;margin-bottom:28px}.manage-panel .tools{margin-top:16px}.manage-panel>a{display:inline-block;margin:5px}.payment-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding:14px 0;font-size:12px}.payment-row strong{color:var(--accent);margin-right:auto}.payment-settings{padding-bottom:22px;margin-bottom:25px;border-bottom:1px solid var(--line)}.payment-settings summary{cursor:pointer;font-size:12px;color:#79caff}.payment-settings code{display:block;overflow-wrap:anywhere;font-size:11px;margin-top:10px;line-height:1.6;color:var(--accent)}

/* Broadcast moments: Last Call and verified first-place boosts. */
.last-call-controls{padding:22px;border:1px solid #6a561e;border-radius:12px;background:#242013;margin:0 0 22px}.last-call-controls h3{font-size:20px;margin-bottom:8px}.last-call-controls .eyebrow{margin-bottom:8px}.last-call-controls .tools{margin:12px 0}.last-call-controls [data-last-call]{background:#fcbc02;color:#17130a;font-weight:700;border-color:#fcbc02}.last-call-controls .fine{line-height:1.6}.live-moments:empty{display:none}.last-call-banner,.first-place-alert{display:flex;align-items:center;gap:20px;padding:20px 24px;border-radius:12px;margin-bottom:22px;box-shadow:0 8px 24px #0004}.last-call-banner{background:linear-gradient(110deg,#302609,#171717);border:1px solid #8b6b12;border-left:6px solid var(--accent)}.last-call-banner .eyebrow,.first-place-alert .eyebrow{margin:0 0 6px;font-size:10px;letter-spacing:1.4px}.last-call-banner strong{font-size:22px}.last-call-banner .fine{margin:6px 0 0;color:#d6d0bb;font-size:11px}.last-call-icon{font-size:38px;color:var(--accent)}.last-call-clock{font:800 48px 'Barlow Condensed',Impact,sans-serif;font-variant-numeric:tabular-nums;color:var(--accent);margin-left:auto;white-space:nowrap}.last-call-urgent{border-color:#d50f14;background:linear-gradient(110deg,#4a1715,#171717)}.last-call-urgent .last-call-clock{color:#ff827b}.last-call-ended{border-color:#6b6565}.last-call-ended .last-call-clock{color:#aaa}.first-place-alert{border:1px solid #368dba;border-left:6px solid #0091eb;background:linear-gradient(110deg,#113a51,#17191d)}.first-place-number{font:800 42px 'Barlow Condensed',Impact,sans-serif;color:#fcbc02;flex-shrink:0}.first-place-alert strong{display:block;font-size:22px;overflow-wrap:anywhere}.first-place-alert p:not(.eyebrow){margin:4px 0 0;color:#d1e4ee;font-size:13px;overflow-wrap:anywhere}.first-place-alert>div:nth-child(2){min-width:0}.first-place-total{margin-left:auto;font-size:26px;font-weight:800;color:#fcbc02;white-space:nowrap}.first-place-alert[hidden],.last-call-banner[hidden]{display:none}.overlay-stage{position:relative;min-height:670px;align-items:flex-end;padding-top:280px}.broadcast-moments{position:absolute;top:24px;left:24px;right:24px;display:flex;flex-direction:column;gap:16px}.broadcast-moments .last-call-banner,.broadcast-moments .first-place-alert{margin:0;max-width:640px}.broadcast-moments .first-place-alert{align-self:flex-end}.obs-mode{background:transparent!important;overflow:hidden}.obs-mode>header,.obs-mode #app>.intro,.obs-mode #app>.notice,.obs-mode #app>footer,.obs-mode #toast{display:none!important}.obs-mode #app{max-width:none;margin:0;padding:0;width:100vw;height:100vh}.obs-mode .overlay-stage{width:100%;height:100%;min-height:0;margin:0;border:0;border-radius:0;background:transparent;padding:0;display:block;overflow:hidden}.obs-mode .overlay-card{position:absolute;bottom:48px;left:48px;width:650px;max-width:calc(100vw - 96px);margin:0}.obs-mode .broadcast-moments{top:48px;left:48px;right:48px}.obs-mode .last-call-banner{width:610px}.obs-mode .first-place-alert{width:610px}.obs-mode .overlay-next{font-size:13px}.obs-mode .last-call-clock{font-size:58px}
@media(max-width:600px){.last-call-banner,.first-place-alert{padding:16px;gap:12px}.last-call-banner strong,.first-place-alert strong{font-size:18px}.last-call-clock{font-size:38px}.last-call-icon{display:none}.first-place-total{font-size:20px}.broadcast-moments{left:12px;right:12px;top:12px}.overlay-stage{padding-top:310px}.obs-mode .overlay-card{left:20px;bottom:30px;max-width:calc(100vw - 40px)}.obs-mode .broadcast-moments{left:20px;right:20px;top:20px}.obs-mode .last-call-banner,.obs-mode .first-place-alert{width:100%}}

/* Song previews and host-selected standout moments. */
.song-link-preview{margin-top:14px}.submission-info a.song-preview-card{display:flex;gap:12px;align-items:center;padding:10px;background:#17171b;border:1px solid #3a3940;border-radius:9px;text-decoration:none;color:var(--white)}.song-preview-card img{width:96px;height:72px;object-fit:cover;flex-shrink:0;border-radius:5px;background:#25252a}.song-preview-card>span:last-child{min-width:0;display:flex;flex-direction:column;gap:4px}.song-preview-card small{color:#85cfff;font-size:10px;text-transform:uppercase;letter-spacing:.8px}.song-preview-card strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere}.song-preview-card span span{font-size:11px;color:#bbb}.song-preview-card em{font-size:10px;font-style:normal;color:var(--muted)}.preview-placeholder{width:64px;min-height:64px;flex-shrink:0;display:grid;place-items:center;font-size:30px;color:var(--accent);background:#28251b;border-radius:6px}.hottest-controls{margin:0 0 22px;padding:22px;border:1px solid #785823;border-radius:12px;background:linear-gradient(120deg,#2a2013,#1c1918)}.hottest-controls .eyebrow{margin-bottom:8px}.hottest-controls h3{font-size:20px}.hottest-candidate{display:flex;align-items:center;gap:20px;margin-bottom:18px}.hottest-candidate>div{display:flex;flex-direction:column;gap:5px;min-width:0}.hottest-candidate strong{font-size:19px;overflow-wrap:anywhere}.hottest-candidate span{color:#d2c8ba;overflow-wrap:anywhere}.hottest-candidate>b{margin-left:auto;font-size:34px;color:var(--accent);white-space:nowrap}.hottest-candidate small{font-size:14px;color:#c8ba9e}.hottest-controls .fine{line-height:1.6;margin-bottom:0}.hottest-controls [data-highlight=night]{background:#fcbc02;color:#201506;font-weight:700}.rating-buttons .exceptional-button{grid-column:1/-1;background:linear-gradient(100deg,#ffda65,#fcbc02);color:#211600;font-size:24px;font-weight:800;border:1px solid #ffdf7e;display:flex;align-items:center;justify-content:center;gap:12px}.exceptional-button small{font-size:10px;letter-spacing:2px}.exceptional-button[aria-pressed=true]{box-shadow:0 0 0 2px #fff1b5,inset 0 0 20px #fff7}.rating-popup.exceptional-rating{background:linear-gradient(120deg,#fcbc02,#ffe8a3);border-color:#fff0ba;color:#281900;box-shadow:0 0 28px #fcbc0255}.exceptional-rating .rating-copy .eyebrow,.exceptional-rating .rating-score strong,.exceptional-rating .rating-score span{color:#281900}.exceptional-rating .rating-copy p{color:#5d410e}.overlay-stage .rating-popup.exceptional-rating{width:280px;max-width:80%;min-height:90px;top:-52px;border-width:2px;gap:15px}.overlay-stage .exceptional-rating .rating-copy .eyebrow{font-size:10px;line-height:1.6;letter-spacing:1px}.overlay-stage .exceptional-rating .rating-copy h3{display:block;font-size:12px;margin:5px 0 0;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#281900}.overlay-stage .exceptional-rating .rating-score strong{font-size:54px}.hottest-popup{display:flex;align-items:center;gap:18px;padding:20px 24px;max-width:680px;margin-bottom:22px;background:linear-gradient(110deg,#302213,#161516);border:1px solid #ca9834;border-left:6px solid #fcbc02;border-radius:12px;box-shadow:0 12px 40px #0006}.hottest-popup[hidden]{display:none}.hottest-emblem{font-size:40px;color:#ffcb45;flex-shrink:0}.hottest-copy{min-width:0}.hottest-copy .eyebrow{font-size:10px;letter-spacing:1.4px;margin:0 0 9px}.hottest-copy h3{font-size:24px;line-height:1.2;margin:0 0 5px;overflow-wrap:anywhere}.hottest-copy>p:not(.eyebrow){font-size:14px;line-height:1.4;color:#e6d5ba;margin:0;overflow-wrap:anywhere}.hottest-score{font:800 50px 'Barlow Condensed',Impact,sans-serif;color:#fcbc02;white-space:nowrap;margin-left:auto}.hottest-score small{font:600 17px 'DM Sans',sans-serif;color:#d7bd88}.hottest-night{background:linear-gradient(115deg,#3e2a09,#201a11);border:2px solid #fcbc02;box-shadow:0 0 30px #fcbc0233,0 12px 40px #0006}.broadcast-moments .hottest-popup{position:absolute;top:235px;left:50%;transform:translateX(-50%);width:540px;max-width:100%;z-index:3}.obs-mode .broadcast-moments .hottest-popup{top:calc(42vh - 48px);width:540px}.obs-mode .hottest-copy h3{font-size:28px}.obs-mode .hottest-copy>p:not(.eyebrow){font-size:17px}.obs-mode .hottest-score{font-size:60px}.overlay-stage:has(.hottest-popup:not([hidden])){min-height:850px}.obs-mode .overlay-stage:has(.hottest-popup:not([hidden])){min-height:0}@media(max-width:600px){.hottest-popup{padding:16px;gap:10px}.hottest-copy h3{font-size:20px}.hottest-emblem{font-size:28px}.hottest-score{font-size:40px}.song-preview-card img{width:64px;height:64px}.overlay-stage .rating-popup.exceptional-rating{width:250px}.broadcast-moments .hottest-popup{top:270px}}

/* Community scores, private notes, and review cards */
.community-panel{margin-bottom:24px;border-top:3px solid var(--accent)}
.community-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.community-heading h2{font-size:28px;margin:8px 0}.audience-total{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}.audience-total strong{font-size:48px;color:var(--accent)}.audience-total span{color:#a8bbc9;font-size:13px}.audience-buttons{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;margin:20px 0 10px}.audience-buttons button[aria-pressed=true]{background:var(--accent);color:#111;border-color:var(--accent)}.review-cards{margin-top:20px;border-top:1px solid #33404d;padding-top:16px}.review-cards summary{cursor:pointer;font-weight:700}.review-card-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid #293440}.review-card-row span{display:block;color:#a8bbc9;font-size:13px;margin-top:5px}.host-note{border-top:1px dashed #3b4652;margin-top:14px;padding-top:14px}.host-note small{display:block;font-weight:400;color:#9cabb8;margin:5px 0}.host-note textarea{width:100%;box-sizing:border-box;resize:vertical;background:#10171e;color:#fff;border:1px solid #3b4652;border-radius:8px;padding:10px;font:inherit}.host-note [role=status]{font-size:12px;color:#fcbc02;margin-left:10px}
@media(max-width:600px){.audience-buttons{grid-template-columns:repeat(5,1fr)}.community-heading{gap:12px}.community-heading h2{font-size:22px}.audience-total strong{font-size:36px}.review-card-row{align-items:flex-start;flex-direction:column}}

.voting-controls{padding:24px;background:#151a22;border:1px solid #38465a;border-radius:12px;margin-bottom:20px}.voting-controls .tools{flex-wrap:wrap}.voting-controls [aria-pressed=true]{border-color:#fcbc02;color:#fcbc02}.hold-score{display:flex;gap:10px;align-items:center;margin:16px 0}.hold-score input{width:auto}.duel-popup{padding:22px 28px;background:#101b29;border:2px solid #0091eb;border-radius:15px;box-shadow:0 12px 55px #0008;color:white;max-width:620px;margin:16px 0}.duel-popup h3{font-size:28px;margin:8px 0}.duel-popup>p{margin:6px 0}.duel-scores{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:18px}.duel-scores span{display:block;font-size:13px;letter-spacing:2px}.duel-scores strong{display:block;font-size:64px;color:#fcbc02;line-height:1.2}.duel-scores small{font-size:22px;color:#aab8c6}.duel-scores>b{color:#0091eb}.duel-exceptional{border-color:#fcbc02;background:linear-gradient(130deg,#362b08,#101b29)}.broadcast-moments .duel-popup{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:600px;margin:0;z-index:9}.duel-popup[hidden]{display:none}

/* One host desk for every stream control. */
.host-desk{border-top:3px solid var(--accent);margin-bottom:28px}.host-desk-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px 18px}.host-desk-heading .eyebrow{margin-bottom:8px}.host-desk-heading h2{font-size:22px;margin:0;overflow-wrap:anywhere}.host-desk-heading .live{white-space:nowrap}.host-desk-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:0 26px 24px}.host-desk-toolbar .primary{width:auto;margin:0}.host-desk-tabs{display:flex;gap:4px;overflow-x:auto;padding:0 20px;background:#151417;border-block:1px solid var(--line)}.host-desk-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:var(--muted);white-space:nowrap;padding:17px 14px}.host-desk-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent);background:#282318}.host-desk button:focus-visible,.host-desk a:focus-visible{outline:2px solid #0091eb;outline-offset:3px}.host-desk-pane{padding:24px}.host-desk-pane[hidden]{display:none!important}.host-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.host-live-grid>.rating-controls,.host-live-grid>.voting-controls,.host-live-grid>.last-call-controls,.host-live-grid>.hottest-controls{margin:0;padding:20px;border:1px solid var(--line);border-radius:9px;min-width:0}.host-live-grid .tools{display:flex;flex-wrap:wrap}.host-live-grid .rating-buttons{grid-template-columns:repeat(5,minmax(0,1fr))}.host-live-grid .rating-actions{flex-wrap:wrap}.host-live-grid .last-call-controls{display:block}.host-live-grid .last-call-controls .tools{margin-top:16px}.host-setup-content{max-width:800px}.host-setup-content .payment-settings{margin-top:0}.host-desk-pane .community-panel{border:0;padding:0;margin:0;background:transparent}.host-desk-pane>.panel{border:0;background:transparent}.host-desk-pane .history-entry{width:100%}
@media(max-width:800px){.host-live-grid{grid-template-columns:1fr}.host-desk-heading{align-items:flex-start;flex-direction:column;gap:12px}.host-desk-heading,.host-desk-pane{padding:18px}.host-desk-toolbar{padding:0 18px 18px}.host-desk-toolbar>button{flex:1 1 160px}.host-desk-tabs{padding:0 8px}.host-desk-tabs button{padding:14px 10px}}

#hostNav[hidden],#overlayNav[hidden]{display:none!important}header .host-account{margin-left:auto;flex-shrink:0}header #accountLink{font-size:13px;font-weight:700;color:var(--accent);text-decoration:none}header #accountLink:hover{text-decoration:underline}

.brand span{margin-left:0}

.queue-title{white-space:nowrap;font-size:clamp(40px,7vw,80px)}

.submission-banner{position:relative;display:flex;align-items:center;gap:14px;width:360px;max-width:100%;min-height:76px;padding:12px 18px;background:rgba(15,15,17,.95);border:1px solid #3c3728;border-left:4px solid #fcbc02;border-radius:9px;box-shadow:0 5px 18px #0005}.submission-banner>img{width:44px;height:44px;object-fit:contain;flex-shrink:0}.submission-banner-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.submission-banner-copy>span{font-size:13px;line-height:1.2;color:#f5f3f6}.submission-banner-copy>strong{font-family:'DM Sans',sans-serif;font-size:21px;font-weight:800;line-height:1.1;letter-spacing:.4px;color:#fcbc02;white-space:nowrap}.obs-mode .submission-banner{position:absolute;left:32px;bottom:32px;max-width:calc(100vw - 64px);margin:0}@media(max-width:420px){.submission-banner{padding:10px 12px;gap:10px}.submission-banner-copy>strong{font-size:18px}.submission-banner>img{width:36px;height:36px}.obs-mode .submission-banner{left:16px;bottom:16px;max-width:calc(100vw - 32px)}}
