.nav-live{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 17px;border:1px solid #66506e;color:#d0b9d9!important;background:#241a2d;border-radius:3px;font:700 12px var(--mono);letter-spacing:1.7px;} .nav-live.is-live{border-color:#ff80ab99;color:#ff9bbf!important;background:#ff679b16;box-shadow:0 0 24px #ff609432,inset 0 0 16px #ff609412;animation:live-glow 2.5s ease-in-out infinite}.nav-live[hidden]{display:none!important}.nav-live>span{width:6px;height:6px;background:#9c86a6;border-radius:50%}.nav-live.is-live>span{background:#ff8cb4;box-shadow:0 0 10px #ff79b2}.nav-live:focus-visible{outline:2px solid var(--cream);outline-offset:4px}@keyframes live-glow{50%{box-shadow:0 0 30px #ff609460,inset 0 0 16px #ff609422}}@media(prefers-reduced-motion:reduce){.nav-live{animation:none}}
.live-page:has(.broadcast-layout) .container{width:min(1680px,calc(100% - 64px))}.live-page{background:radial-gradient(ellipse at 8% 8%,#3d204b55,transparent 55%),radial-gradient(ellipse at 90% 70%,#2b164333,transparent 50%),#100c17}.live-page .header-inner{gap:28px}.live-navigation{display:flex;gap:32px;margin-left:auto;font-size:11px;letter-spacing:1px}.live-navigation a:hover{color:var(--pink)}.live-main{padding-block:54px 60px}.live-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:32px}.live-heading h1{font-family:var(--display);font-style:italic;text-transform:uppercase;font-weight:900;font-size:clamp(48px,7.5vw,100px);line-height:.98;letter-spacing:-.5px;margin:0}.live-heading h1 em{color:var(--pink);font-style:inherit}.live-back{font-size:12px;color:#c1adc9;white-space:nowrap;margin-bottom:3px}.live-back span{color:var(--pink);padding-left:12px}.broadcast-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,1fr);gap:24px;align-items:start}.screen-shell{border:1px solid #634465;box-shadow:0 14px 50px #0005;background:#130f1b;border-radius:6px;overflow:hidden}.screen-top,.screen-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 17px;font:9px var(--mono);letter-spacing:1.4px;color:#9a7fa7}.screen-top{border-bottom:1px solid #3b2b45}.broadcast-indicator{color:#cebcd6}.broadcast-indicator.is-live{color:#ff9bbf}.broadcast-indicator.is-live:before{content:'●';margin-right:7px}.screen-bottom{border-top:1px solid #3b2b45;text-transform:uppercase;letter-spacing:.9px;font-size:8px}.signal-bars{color:#a17db2}.live-screen{aspect-ratio:16/9;position:relative;background:#08060d;overflow:hidden}.live-screen iframe{position:absolute;width:100%;height:100%;inset:0;border:0}.waiting-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 100%,#85436b44,transparent 65%),linear-gradient(140deg,#181022,#0d0913);overflow:hidden}.waiting-screen:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.22;background:repeating-linear-gradient(transparent 0 3px,#05030a 3px 4px)}.waiting-grid{position:absolute;inset:55% -70% -120%;background-image:linear-gradient(#b971a444 1px,transparent 1px),linear-gradient(90deg,#b971a444 1px,transparent 1px);background-size:45px 45px;transform:perspective(260px) rotateX(50deg);mask-image:linear-gradient(transparent,#000)}.waiting-screen img{width:36%;height:auto;position:relative;filter:drop-shadow(0 0 25px #ff8dc944);margin-bottom:26px}.standby-line{display:flex;align-items:center;gap:9px;color:#cba4d7;font:10px var(--mono);letter-spacing:2px;text-transform:uppercase;z-index:1}.signal-dot{width:6px;height:6px;border-radius:50%;background:#b48cbd}.waiting-screen p{font-size:12px;color:#ac93b9;margin:13px 18px 0;text-align:center;z-index:1}.waiting-screen.is-preview .signal-dot{background:#ff9bbf;box-shadow:0 0 10px #ff9bbf}.waiting-screen.is-preview .waiting-grid{animation:preview-grid 10s linear infinite}@keyframes preview-grid{to{background-position:0 45px}}.broadcast-details{padding:28px 0}.live-hosts{font:9px var(--mono);letter-spacing:1px;color:#b29bbd}.live-hosts span{color:var(--pink);margin-inline:6px}.broadcast-details h2{font-family:var(--display);font-size:36px;line-height:1.1;margin:16px 0 12px;font-weight:700}.broadcast-details>p{font-size:14px;line-height:1.8;color:#b5a1c2;max-width:680px}.broadcast-details #broadcast-schedule{color:#f0ccdc;font-size:12px}.broadcast-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;padding-top:20px;margin-top:23px;border-top:1px solid #42314e;font-size:12px;color:#c8add3}.live-text-button{border:0;background:none;padding:0;cursor:pointer;color:#dcb6d9;font:inherit;text-align:left}.live-text-button:hover,.broadcast-actions a:hover{color:#ff9bbf}.live-text-button:focus-visible,.live-page a:focus-visible{outline:2px solid var(--pink);outline-offset:5px}.chat-panel{border:1px solid #4b365a;border-radius:6px;background:linear-gradient(160deg,#25182d99,#160f20cc);overflow:hidden}.chat-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 20px;border-bottom:1px solid #46324e}.chat-heading h2{font-family:var(--display);font-size:25px;font-weight:700;margin:0;line-height:1}.chat-heading h2 span{color:var(--pink)}.chat-connection{font:7px var(--mono);letter-spacing:.8px;color:#b69fc2}.chat-connection[data-connected=true]{color:#b0c9bd}.chat-messages{height:clamp(420px,57vh,640px);overflow:auto;overscroll-behavior:contain;padding:14px 20px;scrollbar-color:#715579 transparent;scrollbar-width:thin}.chat-empty{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 10px;color:#ac93b9}.chat-empty>span{font-size:34px;color:#c082b9;line-height:1}.chat-empty h3{font-size:16px;font-weight:500;margin:18px 0 8px;color:#e8d7ed}.chat-empty p{font-size:12px;line-height:1.6;max-width:180px;margin:0}.chat-message{margin:0 0 17px;overflow-wrap:anywhere}.chat-message header{display:flex;align-items:baseline;gap:9px}.chat-message strong{color:#ddabd7;font-size:14px;font-weight:600}.chat-message time{font:10px var(--mono);color:#8a7099}.chat-message p{margin:5px 0 0;color:#efe3f4;font-size:16px;line-height:1.65;white-space:pre-wrap}.chat-bottom{padding:20px;border-top:1px solid #46324e}.chat-bottom .button{width:100%;justify-content:space-between;font-size:12px;min-height:42px;padding:12px 16px}.chat-bottom button:disabled{opacity:.5;cursor:wait}.chat-bottom small{display:block;font-size:10px;color:#a88bb8;line-height:1.7;margin-top:11px}.chat-bottom h3{font-size:18px;font-weight:500;margin:0 0 18px}.chat-bottom p{font-size:12px;color:#bc9ecb;line-height:1.7;margin:0 0 13px}.chat-bottom label{display:block;font-size:11px;color:#c3a6cf;margin-bottom:13px}.chat-bottom input,.chat-bottom textarea{display:block;width:100%;margin-top:7px;border:1px solid #614568;border-radius:3px;background:#100b18;color:#f0e5f3;font:16px var(--sans);padding:12px;outline:none}.chat-bottom textarea{resize:vertical;min-height:76px;max-height:160px}.chat-bottom input:focus,.chat-bottom textarea:focus{border-color:#e79dbf;box-shadow:0 0 0 2px #d482ac22}.chat-bottom .live-text-button{font-size:11px;margin-top:14px}.chat-bottom #chat-status{margin:12px 0 0;font-size:11px;color:#edb4ca;overflow-wrap:anywhere}.chat-bottom #chat-status:empty{display:none}.chat-bottom .chat-notice{padding:10px;background:#73527422;border-left:2px solid #c691bd;font-size:11px}.chat-honeypot{position:absolute;left:-9999px;opacity:0}.chat-footnote{margin:0;padding:0 20px 19px;font-size:9px;color:#9679a6;line-height:1.7}.chat-identity{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;font:8px var(--mono);color:#a78ab5}.chat-identity strong{display:block;font:600 12px var(--sans);color:#ebd5ee;margin-top:5px}.chat-identity .live-text-button{margin:0;white-space:nowrap}.message-label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.message-actions{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:10px}.message-actions>span{font-size:9px;color:#a58ab3}.message-actions .button{width:auto;min-height:35px;padding:9px 16px}.new-messages{display:block;width:100%;border:0;background:#6a365e;color:#fff0f7;padding:8px;font:11px var(--sans);cursor:pointer}.live-footer{display:flex;justify-content:space-between;gap:25px;padding-block:25px;border-top:1px solid #3c2b48;font-size:11px;color:#af96bc}.live-footer strong{font-weight:500;color:#e6cfe9}.live-page [hidden]{display:none!important}
@media(max-width:1000px){.broadcast-layout{gap:18px}.screen-top>span:last-child{display:none}.waiting-screen img{margin-bottom:18px}.waiting-screen p{font-size:10px}.standby-line{font-size:8px}.chat-heading{padding-inline:16px}.chat-heading h2{font-size:23px}.chat-messages{height:440px}}
@media(max-width:1000px){.broadcast-layout{grid-template-columns:1fr}.live-main{padding-top:35px}.live-back{display:none}.live-page:has(.broadcast-layout) .container{width:calc(100% - 44px)}.chat-messages{height:480px}.chat-heading h2{font-size:27px}.chat-bottom{padding:22px}.live-page .header-inner{gap:16px}.live-navigation{gap:18px;font-size:10px}.live-page .brand-wordmark{width:140px}.waiting-screen p{font-size:12px}.standby-line{font-size:10px}.screen-top>span:last-child{display:inline}.live-page .nav-live{padding:8px 10px;font-size:10px}.live-footer{padding-bottom:30px}}
@media(max-width:480px){.live-navigation{gap:12px;font-size:8px;letter-spacing:.6px}.live-page .brand-wordmark{width:112px}.live-page .header-inner{gap:12px}.live-page .nav-live{padding:8px;font-size:9px;gap:5px}.live-main{padding-block:30px}.screen-top,.screen-bottom{padding:11px;font-size:7px;letter-spacing:.8px}.waiting-screen img{width:40%;margin-bottom:18px}.standby-line{font-size:8px;letter-spacing:1.3px}.waiting-screen p{font-size:9px;margin-top:10px}.broadcast-details h2{font-size:31px}.broadcast-details>p{font-size:13px}.live-hosts{font-size:8px}.live-footer{font-size:10px}.live-page:has(.broadcast-layout) .container{width:calc(100% - 28px)}.live-page .chat-messages{height:clamp(380px,55svh,520px)}}
@media(prefers-reduced-motion:reduce){.waiting-screen.is-preview .waiting-grid{animation:none}}
@media(max-width:380px){.live-page .header-inner{height:auto;min-height:96px;flex-wrap:wrap;padding-block:12px;row-gap:12px}.live-page .brand-wordmark{width:125px}.live-page .live-navigation{order:2;width:100%;margin-left:0;justify-content:space-between;font-size:10px}.live-page .nav-live{margin-left:auto}}
@media(max-width:580px){.nav-live{padding:8px 10px;gap:6px;font-size:10px;letter-spacing:1px;flex-shrink:0}.footer-links{flex-wrap:wrap;row-gap:8px}}

.identity-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.chat-identity>span{min-width:0;overflow-wrap:anywhere}.profile-actions{display:flex;align-items:center;gap:16px;margin-bottom:18px}.profile-actions .button{width:auto;min-height:35px;padding:9px 16px}.profile-actions .live-text-button{margin:0}.chat-bottom #profile-note{font-size:10px}
.chat-entry-actions{display:flex;gap:10px}.chat-entry-actions .button{flex:1;min-width:0}.chat-bottom #switch-auth{display:block}

.live-page .chat-newsletter{display:flex;align-items:flex-start;gap:10px;cursor:pointer;margin-block:18px}.live-page .chat-newsletter input{width:16px;height:16px;margin:0;flex:0 0 16px;padding:0;accent-color:var(--pink);cursor:pointer}.chat-newsletter>span{line-height:1.4}.live-page .chat-newsletter small{display:block;margin-top:3px;font-size:10px;color:#a88bb8;line-height:1.7}

.live-support{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:22px;border:1px solid #70415f;border-radius:6px;background:linear-gradient(120deg,#311c30,#211529)}.live-support h3{font:700 28px/1.1 var(--display);margin:0 0 10px}.live-support p{font-size:12px;line-height:1.7;color:#bea7c6;margin:0;max-width:330px}.live-support .live-support-eyebrow{font:9px var(--mono);letter-spacing:1.2px;color:var(--pink);margin-bottom:12px}.live-support-actions{flex:1;max-width:330px;min-width:240px}.live-support-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.live-support-amounts a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 8px;border:1px solid #98607e;border-radius:3px;color:var(--cream);background:#ff68ac0c;font-size:13px;white-space:nowrap}.live-support-amounts a:hover{border-color:var(--pink);background:#ff68ac20;color:var(--pink)}.live-support-actions>p{font-size:10px;margin-top:10px;text-align:center}@media(max-width:800px){.live-support{margin-bottom:12px}}@media(max-width:400px){.live-support{padding:18px}.live-support-actions{min-width:0;width:100%;max-width:none;flex-basis:100%}}

/* Emoji shortcodes and composer. */
.emoji-panel{max-width:340px}
.chat-emoji{display:inline-block;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:1.35em;line-height:1;vertical-align:-.12em}.chat-emoji:is(img){width:1.5em;height:1.5em;object-fit:contain;vertical-align:-.3em}
.emoji-composer{position:relative}.message-tools{display:flex;align-items:center;gap:9px;min-width:0}.message-tools>span{font-size:9px;color:#a58ab3}.emoji-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;padding:0;border:1px solid #614568;border-radius:4px;background:#25172e;color:#d9b7e2;cursor:pointer}.emoji-toggle:hover,.emoji-toggle[aria-expanded=true]{color:#ffd7e8;border-color:#d68aad;background:#4b2941}.emoji-toggle:focus-visible,.emoji-results button:focus-visible{outline:2px solid var(--pink);outline-offset:2px}.emoji-panel{position:absolute;bottom:calc(100% + 9px);left:0;right:0;z-index:3;border:1px solid #825c88;border-radius:6px;background:#201427;box-shadow:0 8px 30px #0008;overflow:hidden}.emoji-search-row{padding:10px;border-bottom:1px solid #493451}.chat-bottom .emoji-search-row input{margin:0;padding:9px 10px;font-size:12px}.emoji-results{display:flex;flex-direction:column;padding:5px;max-height:220px;overflow-y:auto;scrollbar-color:#715579 transparent;scrollbar-width:thin}.emoji-results button{display:flex;align-items:center;gap:10px;min-width:0;min-height:38px;padding:7px 9px;border:0;border-radius:3px;background:transparent;color:#e7cfe9;cursor:pointer;text-align:left}.emoji-results button[aria-selected=true]{background:#633652;color:#fff0f7}.emoji-results .chat-emoji{font-size:22px;flex-shrink:0}.emoji-option-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:11px var(--mono)}.emoji-panel[data-mode=picker] .emoji-results{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px}.emoji-panel[data-mode=picker] .emoji-results button{justify-content:center;padding:7px 2px;min-height:39px}.emoji-panel[data-mode=picker] .emoji-option-name{display:none}.emoji-panel-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border-top:1px solid #493451;color:#b79bc4;font:9px var(--mono)}.emoji-panel-footer>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emoji-panel-footer>span:last-child{white-space:nowrap;flex-shrink:0;font-size:8px}
/* Verified admin markers use text as well as color. */
.chat-message header{flex-wrap:wrap;row-gap:5px}.chat-message header strong{min-width:0}.chat-message time{white-space:nowrap}.chat-admin-badge{display:inline-flex;align-items:center;flex-shrink:0;padding:3px 6px;border:1px solid #b995c9;border-radius:3px;background:#3b264a;color:#f5dfff;font:600 8px/1.1 var(--mono);letter-spacing:.07em;vertical-align:middle}.chat-message.is-admin{padding-left:10px;border-left:2px solid #c5a3d3}.chat-message.is-admin strong{color:#f5dfff}.chat-identity .chat-admin-badge{margin-top:6px}

/* Audio receiver */
.live-screen:has(.audio-screen:not([hidden])){aspect-ratio:auto;min-height:410px}
.audio-screen{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:410px;overflow:hidden;background:radial-gradient(ellipse at 50% 46%,#54254b48,transparent 64%),#100c18}
.audio-screen[hidden]{display:none}.audio-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.audio-atmosphere::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#b4a0e105 3px 4px);box-shadow:inset 0 0 100px #09060c99}
.audio-horizon{position:absolute;inset:34% -40% -90%;background:linear-gradient(#ca70b021 1px,transparent 1px),linear-gradient(90deg,#ca70b021 1px,transparent 1px);background-size:42px 42px;transform:perspective(230px) rotateX(57deg);transform-origin:50% 0;mask-image:linear-gradient(transparent,#0008 18%,#000,transparent 85%)}
.audio-orbit{position:absolute;width:480px;height:480px;border:1px solid #cc78be12;border-radius:50%;left:50%;top:44%;transform:translate(-50%,-50%)}.audio-orbit-two{width:640px;height:640px;border-color:#cc78be09}
.audio-display{padding:24px 30px 0;display:flex;flex:1;flex-direction:column;min-height:305px;position:relative}.audio-display-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;font:9px var(--mono);letter-spacing:1.8px;color:#b29abb}.audio-live-tag{display:flex;align-items:center;gap:9px;color:#f8a4c7}.audio-live-tag i{height:5px;width:5px;background:#ff89b6;border-radius:50%;box-shadow:0 0 12px #ff6aa5aa}.audio-stereo{font-size:8px;color:#8e789b;letter-spacing:1.4px}
.audio-artwork{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:30px 0 21px}.audio-artwork img{width:min(58%,285px);height:auto;filter:drop-shadow(0 0 24px #ff7bb22b)}.audio-wave{width:min(90%,460px);height:49px;display:flex;align-items:center;justify-content:center;gap:4px;opacity:.65;mask-image:linear-gradient(90deg,transparent,#000 12% 88%,transparent)}.audio-wave i{display:block;flex:1;max-width:5px;height:var(--bar);min-height:2px;border-radius:1px;background:linear-gradient(#f4bfd8,#be6899 65%,#885995);transform:scaleY(.3);transform-origin:center;transition:transform .55s,opacity .55s;animation:audio-waveform var(--speed) var(--delay) ease-in-out infinite alternate;animation-play-state:paused}.audio-screen[data-state=playing] .audio-wave{opacity:1;filter:drop-shadow(0 0 7px #ff82bb55)}.audio-screen[data-state=playing] .audio-wave i{animation-play-state:running}.audio-tuning{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;height:16px;margin-bottom:19px;color:#745679}.audio-tuning>span{height:7px;flex:1;max-width:180px;background:repeating-linear-gradient(90deg,#b087b833 0 1px,transparent 1px 8px);mask-image:linear-gradient(90deg,transparent,#000)}.audio-tuning>span:last-child{transform:scaleX(-1)}.audio-tuning>i{height:15px;width:2px;background:#ff99c1;box-shadow:0 0 9px #ff7ab399}
.audio-screen audio{width:calc(100% - 48px);margin:0 24px 24px;color-scheme:dark}.audio-screen.is-enhanced audio{display:none}.audio-controls{position:relative;display:flex;align-items:center;gap:17px;min-height:104px;padding:22px 26px;border-top:1px solid #8b5a872e;background:linear-gradient(130deg,#2b1b30b8,#17121eeb);box-shadow:inset 0 1px #edd0e108}.audio-controls[hidden]{display:none}
.audio-play{display:grid;place-items:center;width:58px;height:58px;flex-shrink:0;border:1px solid #ffc3dc; border-radius:50%;color:#2c1528;background:linear-gradient(135deg,#ffdeea,#ee98c1);box-shadow:0 0 26px #eb77ad22,inset 0 1px #fff7;cursor:pointer;transition:box-shadow .2s,transform .2s,background .2s}.audio-play:hover{transform:scale(1.04);box-shadow:0 0 34px #eb77ad44}.audio-play:active{transform:scale(.97)}.audio-play:disabled{opacity:.45;cursor:default}.audio-play svg{width:25px;height:25px;grid-area:1/1}.audio-play .audio-icon-pause,.audio-play .audio-icon-retry,.audio-spinner{display:none}.audio-screen[data-state=playing] .audio-icon-play,.audio-screen[data-state=connecting] .audio-icon-play,.audio-screen[data-state=error] .audio-icon-play{display:none}.audio-screen[data-state=playing] .audio-icon-pause,.audio-screen[data-state=error] .audio-icon-retry{display:block}.audio-screen[data-state=connecting] .audio-spinner{display:block;width:23px;height:23px;border:2px solid #45273e40;border-top-color:#45273e;border-radius:50%;animation:audio-spin .85s linear infinite;grid-area:1/1}
.audio-playback{min-width:0;flex:1}.audio-playback>strong{font-size:16px;font-weight:600;letter-spacing:-.3px;color:#f7e8f1}.audio-playback p{font-size:10px;line-height:1.6;margin:6px 0 0;color:#b9a2c1;max-width:285px}.audio-screen[data-state=error] .audio-playback>strong{color:#ffb1c5}.audio-volume{display:flex;align-items:center;gap:8px;flex-shrink:0}.audio-mute{width:34px;height:40px;display:grid;place-items:center;border:0;background:transparent;color:#bca2c5;padding:7px;cursor:pointer}.audio-mute:hover{color:#ffe2f0}.audio-mute svg{width:22px;height:22px}.audio-volume-cross,.audio-screen[data-muted=true] .audio-volume-waves{display:none}.audio-screen[data-muted=true] .audio-volume-cross{display:block}.audio-volume input{appearance:none;-webkit-appearance:none;width:70px;height:20px;background:transparent;cursor:pointer;margin:0;--volume:100%}.audio-volume input::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:linear-gradient(90deg,#cfa0c0 var(--volume),#5c3f61 var(--volume))}.audio-volume input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:9px;height:9px;border-radius:50%;background:#f1cbe1;margin-top:-3px}.audio-volume input::-moz-range-track{height:3px;background:#5c3f61}.audio-volume input::-moz-range-progress{height:3px;background:#cfa0c0}.audio-volume input::-moz-range-thumb{height:9px;width:9px;border:0;border-radius:50%;background:#f1cbe1}.audio-controls button:focus-visible,.audio-volume input:focus-visible{outline:2px solid #ffbddb;outline-offset:5px}
@keyframes audio-waveform{from{transform:scaleY(.2)}to{transform:scaleY(1)}}@keyframes audio-spin{to{transform:rotate(360deg)}}
@media(min-width:801px) and (max-width:1150px){.audio-controls{padding:19px;gap:12px}.audio-volume input{width:50px}.audio-playback>strong{font-size:14px}}
@media(max-width:600px){.live-screen:has(.audio-screen:not([hidden])),.audio-screen{min-height:358px}.audio-display{min-height:254px;padding:21px 22px 0}.audio-artwork{gap:24px;padding-top:27px}.audio-artwork img{width:min(68%,260px)}.audio-wave{width:100%;gap:3px;height:40px}.audio-controls{padding:19px 20px;gap:14px}.audio-play{height:52px;width:52px}.audio-playback>strong{font-size:15px}.audio-playback p{font-size:10px}.audio-volume{gap:0}.audio-volume input{display:none}.audio-mute{width:32px}.audio-stereo{font-size:7px}.audio-display-heading{font-size:8px}.audio-tuning{margin-bottom:13px}}
@media(prefers-reduced-motion:reduce){.audio-wave i,.audio-spinner{animation:none}.audio-play,.audio-wave i{transition:none}.audio-screen[data-state=playing] .audio-wave i{transform:scaleY(.65)}}

/* Readable chat, inline replies and bounded, ephemeral audience reactions. */
.chat-message{padding-block:5px;margin-bottom:20px}.chat-message header{gap:8px}.chat-message time{margin-left:auto}.chat-reply-button{min-height:32px;min-width:48px;padding:5px 6px;color:#bc9ecb;font:11px var(--sans);border-radius:3px}.chat-reply-button:hover{color:#ffe0ee;background:#ff8cba14}.chat-reply-button:focus-visible,.reply-quote:focus-visible{outline:2px solid var(--pink);outline-offset:2px}.chat-message.is-highlighted{background:#b97faf20;border-radius:4px;outline:1px solid #b97faf77}.reply-quote{display:block;width:100%;margin:8px 0 10px;padding:9px 12px;border:0;border-left:2px solid #b783be;border-radius:0 4px 4px 0;background:#a778b012;text-align:left;color:#c5b1cf;cursor:pointer}.reply-quote strong{display:block;font-size:12px;color:#e0bbdd}.reply-quote span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.5;margin-top:3px;white-space:pre-wrap;overflow-wrap:anywhere}.reply-quote.is-unavailable{font-size:12px;cursor:default;color:#ad92ba}.chat-bottom .reply-composer{display:flex;align-items:center;gap:12px;border-left:2px solid #e6a1c6;background:#b172a21a;padding:10px 12px;margin-bottom:10px;border-radius:0 4px 4px 0}.reply-composer>div{min-width:0;flex:1}.reply-composer strong{font-size:13px;color:#f2b9dd}.chat-bottom .reply-composer p{font-size:12px;line-height:1.5;margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-composer button{font-size:24px;color:#d8bddf;min-width:32px;min-height:36px}.chat-bottom .chat-identity strong{font-size:14px}.chat-bottom .message-tools>span{font-size:11px}.chat-footnote{font-size:11px}.chat-connection{font-size:9px}.chat-panel{min-width:0}.chat-heading{padding-block:22px}.chat-bottom #chat-status{font-size:13px}.live-navigation{align-items:center}
.screen-shell{position:relative}.stream-reactions{position:absolute;right:14px;bottom:88px;z-index:4}.screen-shell:has(.audio-screen:not([hidden])) .stream-reactions{bottom:150px}.reaction-toggle{display:grid;place-items:center;width:40px;height:40px;border:1px solid #db9abc77;border-radius:50%;background:#1d1126d9;color:#edbdd7;box-shadow:0 3px 15px #0004;cursor:pointer}.reaction-toggle svg{width:19px;height:19px;stroke-width:1.6}.reaction-toggle:hover,.reaction-toggle[aria-expanded=true]{color:#ffe7f1;border-color:#f3b6d4;background:#512941}.reaction-toggle:disabled{opacity:.45;cursor:default}.reaction-toggle:focus-visible,.reaction-picker button:focus-visible{outline:2px solid #ffd5e8;outline-offset:3px}.reaction-picker{position:absolute;right:48px;bottom:0;display:flex;gap:3px;padding:4px;background:#1d1126f5;border:1px solid #885b80;border-radius:24px;box-shadow:0 4px 18px #0006}.reaction-picker button{width:38px;height:38px;padding:3px;font-size:23px;border-radius:50%;line-height:1;cursor:pointer}.reaction-picker button:hover{background:#73435a66}.reaction-feedback{position:absolute;right:0;top:46px;max-width:240px;width:max-content;font:11px/1.4 var(--sans);color:#ffe0ee;text-align:right;pointer-events:none}.reaction-feedback:not(:empty){padding:7px 10px;border-radius:4px;background:#201326f5;border:1px solid #6c435f}.reaction-trail{position:absolute;bottom:42px;right:-16px;width:90px;height:240px;pointer-events:none;overflow:hidden}.reaction-particle{position:absolute;bottom:0;right:28px;font:26px/1.3 "Apple Color Emoji","Segoe UI Emoji",sans-serif;animation:reaction-float 2.6s ease-out forwards;filter:drop-shadow(0 2px 4px #0006)}@keyframes reaction-float{0%{opacity:0;transform:translateY(0) scale(.65)}15%{opacity:.95}80%{opacity:.65}100%{opacity:0;transform:translate(var(--drift),-210px) rotate(var(--tilt)) scale(1.1)}}
@media(max-width:580px){.site-header .nav-live{margin-inline:10px}.live-page .nav-live{margin-right:0}.chat-message header{gap:7px}.chat-reply-button{min-height:36px}.stream-reactions{right:10px;bottom:70px}.reaction-toggle{width:38px;height:38px}.reaction-picker{right:45px}.chat-messages{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.reaction-particle{animation:reaction-fade 2.6s ease-out forwards;bottom:8px;right:18px}@keyframes reaction-fade{0%{opacity:0}20%,75%{opacity:1}100%{opacity:0}}}

@media(max-width:1100px) and (min-width:801px){.site-header:has(.desktop-nav) .desktop-nav{gap:22px;margin-left:0}}
@media(max-width:380px){.site-header:has(.menu-button) .brand-wordmark{width:110px}.site-header:has(.menu-button) .nav-live{margin-inline:6px}}
