@font-face{font-family:TonbandGrotesk;src:url('/fonts/grotesk-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:TonbandGrotesk;src:url('/fonts/grotesk-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:TonbandGrotesk;src:url('/fonts/grotesk-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--paper:#fff7f0;--ink:#1c1512;--orange:#ff5a25;--muted:#b5a59b;--line:#ffc29c15;--sans:TonbandGrotesk,Arial,sans-serif;--mono:'SFMono-Regular',Consolas,monospace}
*{box-sizing:border-box}html{margin:0;background:transparent}body{margin:0;font-family:var(--sans);-webkit-font-smoothing:antialiased;color:var(--paper);background:#211914}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}[hidden]{display:none!important}p,h1,h2{margin:0}
.broadcast-tools{max-width:1340px;margin:auto;padding:23px 26px;display:flex;gap:30px;flex-wrap:wrap;align-items:center;font-size:12px}.tool-brand{font-size:11px;font-weight:700;letter-spacing:.04em;margin-right:auto}.broadcast-tools nav{display:flex;gap:20px;flex-wrap:wrap}.broadcast-tools nav a{padding:7px 0;border-bottom:1px solid transparent;color:#c3b7af}.broadcast-tools nav a:hover,.broadcast-tools nav [aria-current]{color:var(--orange);border-color:var(--orange)}
.broadcast-frame{width:min(540px,100%);aspect-ratio:9/16;margin:12px auto 0;container-type:inline-size;position:relative;background:transparent;display:flex;flex-direction:column;box-shadow:0 18px 80px #0004}.camera-space{height:38%;flex:none;position:relative;display:grid;place-items:center;overflow:hidden}.camera-guide{display:grid;text-align:center;gap:1cqw;color:#bba99d;font-size:2.6cqw;padding:6cqw}.camera-guide>span:last-child{font-size:1.8cqw}.camera-cross{font-weight:400;font-size:6cqw;line-height:1;color:#e68e64}.camera-corner{position:absolute;pointer-events:none;width:5cqw;height:5cqw;border-color:#ff9c6633;border-style:solid}.corner-one{top:4cqw;left:4cqw;border-width:1px 0 0 1px}.corner-two{bottom:4cqw;right:4cqw;border-width:0 1px 1px 0}.example-label{position:absolute;top:4cqw;left:4cqw;background:#1c1512dd;color:#fff7f0;font-size:1.55cqw;letter-spacing:.035em;padding:.9cqw 1.4cqw;border:1px solid #ffffff18;border-radius:.7cqw}
.music-panel{flex:1;min-height:0;background:var(--ink);display:flex;flex-direction:column;position:relative;border:1px solid #ff9b6233;border-radius:2.2cqw 2.2cqw 0 0;box-shadow:0 -1cqw 8cqw #ff5a2510}.broadcast-masthead{display:flex;justify-content:space-between;align-items:center;gap:2cqw;padding:2.7cqw 9.5cqw 2.7cqw 4.5cqw;border-bottom:1px solid #1c15121a;background:var(--orange);color:var(--ink);border-radius:2.1cqw 2.1cqw 0 0}.broadcast-masthead>div{display:flex;align-items:center;gap:1.5cqw;min-width:0}.broadcast-edition{font-size:2.15cqw;font-weight:700;letter-spacing:-.025em;white-space:nowrap;color:var(--ink)}.broadcast-masthead>div>p{font-size:2.05cqw;line-height:1.3;font-weight:500;color:#331a0d}.broadcast-masthead>div>p>span{display:none}.show-state{font-size:1.55cqw;display:flex;align-items:center;gap:.75cqw;white-space:nowrap;color:#331a0d}.show-state i{width:.65cqw;height:.65cqw;border-radius:50%;background:#683b29;display:inline-block;flex:none}.show-state[data-state=live] i{background:var(--ink);box-shadow:0 0 0 .35cqw #1c151218}.show-state[data-state=offline]{max-width:22cqw;white-space:normal;line-height:1.4}.show-state[data-state=offline] i{background:transparent;border:1px solid currentColor}
.music-content{padding:3.4cqw 9.5cqw 0 4.5cqw;flex:1;min-height:min-content;display:flex;flex-direction:column}.song-topline{display:flex;align-items:center;justify-content:space-between;gap:2cqw;margin-bottom:1.2cqw}.broadcast-eyebrow{font-size:1.6cqw;letter-spacing:.07em;font-weight:500;color:var(--orange)}.song-stage{font-size:1.5cqw;border:1px solid #ff9b6233;background:#ff5a250d;border-radius:.7cqw;padding:.45cqw .85cqw;color:#e3c2af;white-space:nowrap}
#overlay-title{font-family:var(--sans);font-weight:700;text-transform:none;font-size:4cqw;letter-spacing:-.035em;line-height:1.18;overflow-wrap:anywhere;hyphens:auto;max-width:100%;color:var(--paper)}#overlay-title.title-long{font-size:3.65cqw}#overlay-title.title-very-long{font-size:3.3cqw;line-height:1.2}#overlay-artist{font-size:2.6cqw;line-height:1.4;color:#d1bfb3;overflow-wrap:anywhere;margin-top:.75cqw;max-width:100%}.song-format{font-size:1.7cqw;line-height:1.4;color:var(--muted);margin-top:1cqw}
.broadcast-transport{display:flex;gap:1.8cqw;align-items:center;border:1px solid #ff8e562e;background:#291c16;border-radius:1.15cqw;padding:1.4cqw 1.65cqw;margin:2.6cqw 0 3.2cqw;min-width:0}.transport-reel{width:4.2cqw;height:4.2cqw;flex:none;color:#c6a38d;display:grid;place-items:center}.transport-reel svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4}.transport-reel path{fill:currentColor;stroke:none}.broadcast-transport[data-playback=playing]{border-color:#ff5a2566;background:linear-gradient(110deg,#ff5a251a,#291c16 58%)}.broadcast-transport[data-playback=playing] .transport-reel{color:var(--orange)}.broadcast-transport[data-playback=playing] .transport-reel svg{animation:broadcast-reel 9s linear infinite}.transport-details{flex:1;min-width:0}.transport-topline{display:flex;justify-content:space-between;gap:1.4cqw;align-items:center;font-size:1.65cqw;line-height:1.4;margin-bottom:1.05cqw}.transport-topline p{color:#efcdb8}.transport-topline>span{white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums}.song-progress{height:.45cqw;background:#574032;width:100%;position:relative;border-radius:1cqw;overflow:hidden}.song-progress>span{display:block;height:100%;background:var(--orange);width:0;transition:width .2s linear}
.next-songs{padding-bottom:2cqw}.queue-heading{display:flex;justify-content:space-between;gap:2cqw;align-items:center;margin-bottom:.7cqw}.queue-heading h2{font-size:1.75cqw;font-weight:500;color:#d1bfb3}.queue-heading>p{font-size:1.45cqw;color:#a38c7d;white-space:nowrap}#overlay-next{list-style:none;padding:0;margin:0}#overlay-next>li{display:flex;gap:1.7cqw;padding:1.4cqw 0;border-bottom:1px solid var(--line);align-items:start;min-width:0}#overlay-next>li>div{min-width:0}#overlay-next>li:last-child{border-bottom:0}.queue-number{font-size:1.8cqw;color:var(--orange);line-height:1.4;padding-top:.35cqw;width:2.5cqw;flex:none;font-weight:700;font-variant-numeric:tabular-nums}.queue-title{font-size:2.8cqw;font-weight:500;letter-spacing:-.02em;line-height:1.25;overflow-wrap:anywhere}.queue-artist{font-size:1.85cqw;color:var(--muted);line-height:1.4;margin-top:.3cqw;overflow-wrap:anywhere}#overlay-next>.queue-empty{font-size:2cqw;line-height:1.5;color:#a38c7d;padding:2.5cqw 0}
.broadcast-invite{display:flex;align-items:center;justify-content:space-between;gap:2cqw;padding:1.8cqw 9.5cqw 1.8cqw 4.5cqw;border-top:1px solid #ff9b6229;background:#ff5a250a;color:var(--paper)}.broadcast-invite>div>p{font-size:1.4cqw;line-height:1.4;color:#ad9180;margin-bottom:.35cqw}.broadcast-invite>div>span{font-size:2cqw;font-weight:700;line-height:1.3;color:var(--orange)}.broadcast-invite>a{font-size:1.65cqw;color:#c7ad9a;line-height:1.4;position:relative;padding-right:2cqw}.broadcast-invite>a strong{display:block;font-weight:400;color:#f5d6c0}.broadcast-invite>a>span{position:absolute;right:0;top:.55cqw;font-size:2cqw;color:var(--orange)}.broadcast-safe-bottom{height:11cqw;flex:none;background:var(--ink)}
.broadcast-guide{max-width:760px;margin:30px auto;padding:0 25px 24px;display:grid;gap:12px;font-size:13px;line-height:1.65;color:#bca594}.broadcast-guide strong{font-weight:500;color:var(--paper)}.no-script{padding:15px;text-align:center}.song-enter{animation:song-enter .3s ease-out}.broadcast-example .camera-space{background:radial-gradient(ellipse at 10% 10%,#ff5a252c,transparent 62%),linear-gradient(135deg,#34241a,#211711)}.broadcast-example .camera-guide>p{color:#edc9b0}.broadcast-example .camera-corner{border-color:#ff986a55}
.broadcast-clean{background:transparent}.broadcast-clean .broadcast-tools,.broadcast-clean .broadcast-guide,.broadcast-clean .camera-guide,.broadcast-clean .camera-corner{display:none}.broadcast-clean .broadcast-frame{width:100%;margin:0;box-shadow:none}.broadcast-clean:not(.broadcast-wide) .broadcast-frame{aspect-ratio:9/16;min-height:100vh}.broadcast-clean .camera-space{background:transparent}.broadcast-clean .music-panel{border-color:#ff9b6229;box-shadow:none}
.broadcast-wide .broadcast-frame{width:min(1280px,100%);aspect-ratio:16/9;display:grid;grid-template-columns:51% 49%;background:transparent}.broadcast-wide .camera-space{height:100%}.broadcast-wide .music-panel{height:100%;border-radius:1.2cqw 0 0 1.2cqw}.broadcast-wide .broadcast-masthead{padding:1.5cqw 3cqw 1.5cqw 2.5cqw;border-radius:1.1cqw 0 0 0}.broadcast-wide .broadcast-masthead>div{gap:.85cqw}.broadcast-wide .broadcast-edition{font-size:1.2cqw}.broadcast-wide .broadcast-masthead>div>p{font-size:1.15cqw}.broadcast-wide .show-state{font-size:.87cqw;gap:.42cqw}.broadcast-wide .show-state i{width:.37cqw;height:.37cqw}.broadcast-wide .music-content{padding:1.9cqw 3cqw 0 2.5cqw}.broadcast-wide .song-topline{margin-bottom:.7cqw}.broadcast-wide .broadcast-eyebrow{font-size:.9cqw}.broadcast-wide .song-stage{font-size:.85cqw;padding:.25cqw .5cqw;border-radius:.4cqw}.broadcast-wide #overlay-title{font-size:2.25cqw}.broadcast-wide #overlay-title.title-long{font-size:2.05cqw}.broadcast-wide #overlay-title.title-very-long{font-size:1.85cqw}.broadcast-wide #overlay-artist{font-size:1.45cqw;margin-top:.42cqw}.broadcast-wide .song-format{font-size:.95cqw;margin-top:.55cqw}.broadcast-wide .broadcast-transport{padding:.8cqw .9cqw;margin:1.5cqw 0 1.8cqw;gap:1cqw;border-radius:.65cqw}.broadcast-wide .transport-reel{width:2.35cqw;height:2.35cqw}.broadcast-wide .transport-topline{font-size:.93cqw;margin-bottom:.6cqw}.broadcast-wide .song-progress{height:.25cqw}.broadcast-wide .queue-heading h2{font-size:.98cqw}.broadcast-wide .queue-heading>p{font-size:.8cqw}.broadcast-wide .queue-heading{margin-bottom:.4cqw}.broadcast-wide #overlay-next>li{padding:.8cqw 0;gap:.95cqw}.broadcast-wide .queue-number{font-size:1cqw;width:1.4cqw;padding-top:.2cqw}.broadcast-wide .queue-title{font-size:1.57cqw}.broadcast-wide .queue-artist{font-size:1.04cqw;margin-top:.17cqw}.broadcast-wide #overlay-next>.queue-empty{font-size:1.13cqw;padding:1.4cqw 0}.broadcast-wide .next-songs{padding-bottom:1.1cqw}.broadcast-wide .broadcast-invite{padding:1cqw 3cqw 1cqw 2.5cqw;gap:1.1cqw}.broadcast-wide .broadcast-invite>div>p{font-size:.79cqw;margin-bottom:.2cqw}.broadcast-wide .broadcast-invite>div>span{font-size:1.13cqw}.broadcast-wide .broadcast-invite>a{font-size:.93cqw;padding-right:1.1cqw}.broadcast-wide .broadcast-invite>a>span{font-size:1.13cqw;top:.3cqw}.broadcast-wide .broadcast-safe-bottom{height:1cqw}.broadcast-clean.broadcast-wide .broadcast-frame{width:100%;min-height:100vh}.broadcast-wide .camera-guide{font-size:1.46cqw}.broadcast-wide .camera-guide>span:last-child{font-size:1cqw}.broadcast-wide .camera-cross{font-size:3.4cqw}.broadcast-wide .example-label{font-size:.87cqw;padding:.5cqw .79cqw;top:2.25cqw;left:2.25cqw}
.broadcast:not(.broadcast-wide).broadcast-dense .camera-space{height:35%}.broadcast:not(.broadcast-wide).broadcast-very-dense .camera-space{height:30%}#overlay-artist.artist-long{font-size:2.2cqw}.queue-title.queue-title-long{font-size:2.35cqw;line-height:1.25}.queue-artist.queue-artist-long{font-size:1.7cqw}.broadcast-wide #overlay-artist.artist-long{font-size:1.24cqw}.broadcast-wide .queue-title.queue-title-long{font-size:1.32cqw}.broadcast-wide .queue-artist.queue-artist-long{font-size:.95cqw}.broadcast-very-dense #overlay-title.title-very-long{font-size:2.9cqw}.broadcast-wide.broadcast-very-dense #overlay-title.title-very-long{font-size:1.63cqw}
.current-song,.broadcast-masthead,.broadcast-transport,.next-songs,.broadcast-invite{flex-shrink:0}
@keyframes broadcast-reel{to{transform:rotate(360deg)}}@keyframes song-enter{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:700px){.broadcast-tools{padding:17px 20px;gap:10px}.broadcast-tools nav{gap:15px}.broadcast-frame{margin-top:0}.broadcast-guide{font-size:12px}.broadcast-wide .broadcast-frame{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}