@font-face{font-family:Geist;src:url('/fonts/geist-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Archivo;src:url('/fonts/archivo-latin.woff2') format('woff2');font-weight:400 900;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('/fonts/jetbrains-mono-latin.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{color-scheme:dark;--brand:#ffe01a;--paper:#e6ecf2;--rail:#0c1014;--card:#171c23;--keyline:#04060a;--muted:#93a1b0;--red:#ff2d4f;--key:#232a33;--mono:'JetBrains Mono',ui-monospace,monospace;--sidebar-width:clamp(23rem,29.9vw,32.2rem);--picture-width:min(calc((100dvh - 32px)*9/16),calc(100vw - var(--sidebar-width) - 304px));--composer-height:84px;--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--rail);color:var(--paper);font-family:Geist,Arial,sans-serif;font-size:16px;overscroll-behavior:none}button,input,textarea{font:inherit}button{cursor:pointer;border:0;color:inherit;background:none;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}a{color:inherit}svg{fill:currentColor;width:20px;height:20px;flex:none}button:focus-visible,a:focus-visible{outline:2px solid var(--brand);outline-offset:4px}[hidden]{display:none!important}h1,h2,p{margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.frame{position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--sidebar-width);height:100dvh;width:100%;overflow:hidden}.picture-pane{position:relative;grid-column:1;grid-row:1;align-self:center;justify-self:center;width:var(--picture-width);aspect-ratio:9/16;min-width:0}.player-scene{position:absolute;inset:0;background:#141920;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 2px #11151b}.logo-stacked{display:inline-flex;flex-direction:column;gap:7px;align-items:stretch}.wordmark{font-family:Archivo,Arial,sans-serif;font-weight:800;font-size:36px;line-height:1;letter-spacing:-.055em;white-space:nowrap}.wordmark>span{color:var(--brand)}.colour-bars{display:flex;height:19px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1.5px var(--keyline)}.colour-bars i{flex:1;background:#c6d0da}.colour-bars i:nth-child(2){background:#d4c81f}.colour-bars i:nth-child(3){background:#1fc9d4}.colour-bars i:nth-child(4){background:#1fd45c}.colour-bars i:nth-child(5){background:#b41fd4}.colour-bars i:nth-child(6){background:#d41f1f}.colour-bars i:nth-child(7){background:#2a3fd4}.station-description{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--muted);margin-top:15px}#waveform{display:block;width:100%;height:112px;margin:20px 0 10px}.listen-key{min-width:164px}.playing .listen-key{opacity:0;pointer-events:none}.playing .picture-pane:hover .listen-key,.playing .listen-key:focus-visible{opacity:1;pointer-events:auto}.player-caption{position:absolute;left:24px;right:24px;bottom:28px}.caption-meta{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:9px}.caption-meta strong{color:var(--brand);font-size:13px}.caption-meta #elapsed{margin-left:auto;font-family:var(--mono);font-size:10px}h1{font-size:17px;font-weight:400;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#segment-type,#inspired-by{display:block;color:var(--muted);font-size:11px;margin-top:7px}.notice{position:absolute;bottom:125px;left:16px;right:16px;padding:12px;font-size:12px;line-height:1.5;background:#1f2630;border:1px solid #445060;border-radius:8px}
.bt-key{position:relative;display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 14px;border:0;border-radius:8px;background:var(--key);color:var(--paper);box-shadow:0 0 0 2px var(--keyline);font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:.04em;text-transform:uppercase;transition:background .12s,transform .09s}.bt-key::after{content:'';position:absolute;inset:0;border-radius:inherit;border-top:1px solid #ffffff1a;border-right:2px solid #00000073;border-bottom:3px solid #00000073;pointer-events:none}.bt-key:hover{background:#2c3542}.bt-key:active{transform:translateY(1px);box-shadow:0 0 0 2px var(--keyline),inset 0 2px 0 #0007}.bt-key:active::after{display:none}.bt-key:disabled{color:#6e7b88;background:#1b222a;transform:none}.primary{color:#14171c;background:var(--brand)}.primary:hover{background:#ffe84d}.primary::after{border-top-color:#ffffff66;border-bottom-color:#8c780a6b;border-right-color:#8c780a6b}.icon-key{width:44px;min-width:44px;padding:0}.player-actions{position:absolute;top:16px;right:16px;display:flex;gap:10px}.live-badge{position:fixed;z-index:30;top:24px;left:24px;display:flex;align-items:stretch;height:44px;padding:0;border-radius:8px;overflow:hidden;background:#0c1014e0;max-width:calc(100vw - 80px)}.live-readout{display:flex;align-items:center;gap:9px;padding:0 13px;font-family:var(--mono)}.live-readout strong{font-size:19px;letter-spacing:.06em;font-weight:500}.live-readout time{font-size:11px;color:#b6c2ce;border-left:1px solid #35404b;padding-left:10px;white-space:nowrap}.lamp{width:7px;height:7px;display:inline-block;background:var(--red);border-radius:50%;box-shadow:0 0 7px #ff2d4f80;flex:none}
.conversation{grid-column:2;grid-row:1;display:flex;flex-direction:column;position:relative;min-height:0;min-width:0;background:var(--rail);height:100%;padding-bottom:0}.messages{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;overflow-anchor:none;mask-image:linear-gradient(transparent,#000 28px)}.messages::-webkit-scrollbar{display:none}.thread{display:flex;flex-direction:column;justify-content:flex-end;gap:27px;padding:24px 16px calc(var(--composer-height) + 14px);min-height:100%}.chat-message{display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:100%;padding-right:3.375rem;flex:none}.chat-message.mine{align-items:flex-end;padding-right:0;padding-left:3.375rem;text-align:right}.message-meta{display:flex;align-items:baseline;gap:5px;max-width:100%;font-size:12px;color:var(--muted);margin-bottom:5px;line-height:1.4;flex-wrap:wrap}.message-name{font-weight:700;color:var(--paper);overflow-wrap:anywhere}.message-time{font-size:11px;color:#6e7b88}.message-meta .lamp{width:5px;height:5px;box-shadow:none;align-self:center}.message-bubble{position:relative;display:block;text-align:left;text-wrap:balance;width:fit-content;max-width:100%;padding:9px 12px;font-size:15px;line-height:1.6;background:var(--card);border:2px solid var(--keyline);border-radius:0 14px 14px 14px;white-space:pre-wrap;overflow-wrap:anywhere;font-weight:400}.mine .message-bubble{margin-left:0;border-top-left-radius:14px;border-top-right-radius:0;background:#1c2030}.mine .message-meta{justify-content:flex-end;text-align:right}.chat-message.is-current .message-bubble{border-left:3px solid var(--red);background:#131820}.sheet-header,.sheet-dismiss,.compact-messages{display:none}.composer-foot{position:absolute;inset:auto 0 0;z-index:25;padding:14px 16px 18px;background:none;pointer-events:none}.composer{pointer-events:auto;position:relative;padding:0 10px;background:#171d25;border:2px solid var(--brand);border-radius:12px;box-shadow:0 0 0 2px var(--keyline)}.composer-line{display:flex;align-items:flex-end;gap:8px}.composer textarea{width:100%;resize:none;display:block;border:0;outline:0;background:none;color:var(--paper);padding:13px 4px 12px;font-size:14px;line-height:1.6;max-height:122px;min-height:46px;scrollbar-width:none}.composer textarea{caret-color:var(--brand)}.composer textarea::placeholder{color:#93a1b0}.composer:focus-within{border-color:#ffe95c}#send{position:static;flex:none;min-width:76px;height:36px;min-height:36px;margin-bottom:5px}#send svg{display:none}.chat-error{font-size:12px;color:#ff8fa0;line-height:1.5;margin:10px 85px 0 2px}.new-messages{position:absolute;bottom:calc(var(--composer-height) + 12px);left:50%;transform:translateX(-50%);z-index:26;white-space:nowrap}.composing .messages{opacity:.55}
dialog{color:var(--paper);border:2px solid var(--keyline);background:#1b2028;padding:22px;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff1a;max-height:calc(100dvh - 48px);overflow:auto}dialog::backdrop{background:#05080b85}.remote{position:fixed;inset:auto auto 80px 24px;width:320px;max-width:calc(100vw - 32px);margin:0}.remote::backdrop{background:transparent}.remote-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.remote-head .wordmark{font-size:25px}.remote-head .icon-key{font-size:24px;width:32px;min-width:32px;min-height:32px}.remote-readout{background:#05080b;border-radius:9px;box-shadow:0 0 0 2px var(--keyline);padding:18px;display:flex;align-items:center;gap:18px;margin-bottom:18px;font-family:var(--mono)}.remote-readout>strong{font-size:40px;color:var(--brand);line-height:1}.remote-readout>span{font-size:14px;line-height:1.8}.remote-readout small{color:var(--muted);font-size:11px}.remote-readout .lamp{margin-right:5px}.remote>#remote-play{width:100%;margin-bottom:20px}.volume-row{display:flex;align-items:center;gap:12px;margin-bottom:22px;font-family:var(--mono);font-size:11px;text-transform:uppercase}.volume-row input{min-width:0;flex:1;accent-color:var(--brand);cursor:pointer}.remote-buttons{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:24px}.remote-label{display:block;font-size:11px;color:var(--muted);margin-bottom:9px}.remote>input{width:100%;padding:11px;border:1px solid #3e4a57;border-radius:7px;background:#12161c;color:var(--paper);font-size:14px}.remote>input:focus{outline:2px solid var(--brand);outline-offset:2px}.remote-status{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);margin-top:20px}.remote-disclosure{font-size:11px;color:var(--muted);line-height:1.6;margin-top:16px}
@media(max-width:959px){:root{--composer-height:78px;--player-edge:16px}.frame{display:block;height:var(--viewport-height,100dvh);top:var(--viewport-top,0px)}.picture-pane{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}.player-scene{border-radius:0;box-shadow:none}.wordmark{font-size:34px}.station-description{font-size:9px}#waveform{height:94px;margin:14px 0 8px}.player-caption{display:none}.live-badge{top:16px;left:16px;height:36px}.live-readout{padding:0 10px;gap:7px}.live-readout strong{font-size:15px}.live-readout time{font-size:10px;padding-left:8px}.lamp{width:6px;height:6px}.bt-key{min-height:36px;border-radius:7px;padding:0 12px}.icon-key{width:36px;min-width:36px;padding:0}.player-actions{z-index:28}.player-actions .bt-key{background:#0c1014c2}.conversation{position:absolute;inset:0;display:block;padding:0;background:none;pointer-events:none;z-index:20}.conversation>.messages{display:none}.compact-messages{position:absolute;left:16px;right:16px;bottom:calc(var(--composer-height) + 12px);display:flex;flex-direction:column;gap:10px;pointer-events:auto;touch-action:pinch-zoom}.compact-message{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:0;max-width:100%;width:100%}.compact-message.mine{align-items:flex-end;text-align:right;padding-left:3.375rem}.compact-message.previous{opacity:.28}.message-bubble{font-size:14px;padding:8px 12px}.compact-message .message-bubble{border-color:transparent;background:#171c23a6}.compact-message.mine .message-bubble{margin-left:0}.compact-message.is-current .message-bubble{border-left:3px solid var(--red);border-radius:0 12px 12px 0;background:#131820}.message-meta{font-size:11px}.composer-foot{pointer-events:none;padding:12px 16px calc(16px + var(--safe-bottom));background:none}.composer{padding:0 8px;background:#171d25}.composer textarea{min-height:46px;padding:10px 2px;line-height:1.6;font-size:16px}#send{width:36px;min-width:36px;height:36px;padding:0;background:none;box-shadow:none;color:var(--brand)}#send::after,#send span{display:none}#send svg{display:block;width:22px;height:22px;transform:translateY(2px)}.composing .composer{background:#171d25}.composing .compact-messages{opacity:.55}.chat-error{margin:8px 36px 10px 2px}.sheet-open .conversation{top:min(112px,max(64px,calc(100% - 320px)));background:var(--rail);pointer-events:auto;border-top:1px solid #3e4a57;border-radius:14px 14px 0 0;display:flex;padding-bottom:0}.sheet-open .messages{display:block;flex:1;mask-image:none}.sheet-open .compact-messages{display:none}.sheet-open .sheet-header{display:block;flex:none}.sheet-close{display:flex;position:relative;align-items:center;justify-content:center;gap:8px;flex-direction:column;width:100%;padding:10px 16px;font-size:12px;color:var(--muted);touch-action:none}.grabber{height:3px;width:32px;border-radius:3px;background:#526170}.sheet-open .composer-foot{background:none}.sheet-open .player-actions{visibility:hidden}.sheet-open .thread{padding-top:14px;gap:23px}.new-messages{pointer-events:auto}.notice{z-index:3;bottom:auto;top:76px;left:16px;right:16px;font-size:11px}.remote{inset:auto 16px calc(16px + var(--safe-bottom)) auto;max-height:calc(100dvh - 90px);width:310px}.remote-readout{padding:14px}.remote-readout>strong{font-size:35px}.remote-head{margin-bottom:20px}.playing .listen-key{opacity:0;pointer-events:auto}.playing .listen-key:focus-visible{opacity:1}.picture-pane:hover .listen-key{transition:none}}
@media(max-width:959px) and (max-height:550px){.station-description{margin-top:0}#waveform{height:62px;margin:0}.sheet-open .conversation{top:64px}}
@media(max-width:959px){.sheet-open .conversation{height:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
.rewind-key{gap:7px;min-width:86px;font-family:var(--mono);font-size:13px;touch-action:manipulation}.rewind-key svg{width:20px;height:20px}.remote-transport{display:grid;grid-template-columns:1fr 1fr;gap:8px}.remote-transport #remote-play{width:100%}

/* Stationary transcript blocks replace the central ident and waveform. */
.message-domain{position:relative;z-index:2;color:var(--brand);font-weight:700;text-decoration:none;white-space:nowrap}
.message-domain:hover{text-decoration:underline}
.compact-message{position:relative}
.compact-open{position:absolute;inset:0;z-index:1;width:100%;height:100%;border-radius:12px}
@media(max-width:959px){.compact-message .message-bubble{display:block;overflow:visible}.compact-message .message-title{display:inline}}
.subtitle-stage{position:absolute;z-index:1;bottom:var(--subtitle-bottom,160px);left:28px;right:28px}
.subtitle-window{--subtitle-lines:2;position:relative;height:2.7em;font-size:clamp(20px,5.6cqw,28px);line-height:1.32;font-weight:750;letter-spacing:-.045em}
.subtitle-words{line-height:inherit;overflow-wrap:anywhere;text-align:center;text-wrap:balance}
#subtitle-words{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.subtitle-measure{position:absolute;top:0;left:0;width:100%;visibility:hidden;pointer-events:none}
.subtitle-word{color:#747a82;border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.subtitle-word.is-spoken{color:#eaf0f5}.subtitle-word.is-current{color:#fff;background:#ffffff1c;box-shadow:0 0 0 3px #ffffff1c}

.unmute-overlay{position:fixed;inset:0;z-index:1000;margin:0;padding:0;display:flex;align-items:center;justify-content:center;background:#05080b73;backdrop-filter:brightness(.82) saturate(.9);cursor:pointer}
.unmute-overlay:disabled{cursor:wait}.unmute-overlay .unmute-key{pointer-events:none;min-height:48px;padding:0 24px;font-size:13px}.unmute-key svg{width:20px;height:20px}
.composing .unmute-overlay{display:none}
.rewind-key{min-width:44px;width:44px;padding:0}.rewind-key svg{width:28px;height:28px}
.player-actions{z-index:16}

@media(min-width:960px) and (max-height:730px){.subtitle-stage{left:22px;right:22px}.subtitle-window{font-size:clamp(20px,5.6cqw,24px)}}
@media(max-width:959px){.subtitle-stage{left:24px;right:24px;z-index:1}.subtitle-window{font-size:clamp(20px,5.6cqw,28px)}.rewind-key{min-width:36px;width:36px}.rewind-key svg{width:26px;height:26px}.player-actions{z-index:28}.composing .subtitle-stage{opacity:.55}.sheet-open .subtitle-stage{opacity:.3}}
@media(max-width:959px) and (max-height:650px){.subtitle-window{font-size:clamp(20px,5.6cqw,24px)}}
@media(max-width:959px) and (max-height:450px){.subtitle-stage{right:24px;left:24px}.subtitle-window{--subtitle-lines:2;height:2.7em;font-size:22px}.player-actions{gap:8px}}

/* The story's OG image fills the top; a Gaussian-blurred copy continues below. */
.player-scene{container-type:inline-size;--artwork-height:100cqw;--artwork-caption-size:clamp(20px,5.6cqw,28px);}
.source-artwork{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.artwork-loader{position:absolute;inset:0;z-index:0;display:grid;place-items:center;opacity:0;transition:opacity .18s ease-out;pointer-events:none;background:linear-gradient(180deg,#111820,#151b22 45%,#0e1319)}
.artwork-loading:not(.has-artwork) .artwork-loader{opacity:1}
body:not(.has-started) .artwork-loader{display:none}
.loader-bars{display:flex;gap:10px;align-items:end;height:72px;filter:drop-shadow(0 8px 16px #0007)}
.loader-bars i{width:10px;border-radius:8px;background:#5d6874;animation:loader-bar 1s ease-in-out infinite alternate}
.loader-bars i:nth-child(1){height:30px;animation-delay:-.4s}.loader-bars i:nth-child(2){height:52px;animation-delay:-.2s}.loader-bars i:nth-child(3){height:72px;background:var(--brand);animation-delay:0s}.loader-bars i:nth-child(4){height:46px;animation-delay:-.3s}.loader-bars i:nth-child(5){height:34px;animation-delay:-.1s}
.loader-scan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 5px);opacity:.45}
@keyframes loader-bar{from{transform:scaleY(.58);opacity:.56}to{transform:scaleY(1);opacity:1}}
.artwork-blur{position:absolute;inset:-144px;width:calc(100% + 288px);height:calc(100% + 288px);object-fit:cover;filter:blur(72px) saturate(1.1)}
.artwork-shade{position:absolute;inset:0;background:linear-gradient(#10151b38,#10151b85 35%,#10151bba 70%,#10151bee)}
.artwork-crop{position:absolute;inset:0 0 auto;width:100%;height:var(--artwork-height);overflow:hidden;mask-image:linear-gradient(#000 calc(100% - 24px),transparent)}
.artwork-image,.captions-in-chat .artwork-blur,.captions-in-chat .artwork-reflection-image{position:absolute;top:50%;left:50%;max-width:none;object-fit:cover;transform:translate(-50%,-50%);animation:artwork-drift var(--artwork-duration,22s) cubic-bezier(.37,0,.63,1) infinite alternate;will-change:transform}
@keyframes artwork-drift{from{transform:translate(calc(-50% - var(--artwork-pan-x,0px)),calc(-50% - var(--artwork-pan-y,0px))) scale(1.01)}to{transform:translate(calc(-50% + var(--artwork-pan-x,0px)),calc(-50% + var(--artwork-pan-y,0px))) scale(1.05)}}
@media(prefers-reduced-motion:reduce){.artwork-image,.captions-in-chat .artwork-blur,.captions-in-chat .artwork-reflection-image{animation:none;transform:translate(-50%,-50%);will-change:auto}}
@media(prefers-reduced-motion:reduce){.loader-bars i{animation:none}.artwork-loader{transition:none}}

.has-artwork .subtitle-window{font-size:var(--artwork-caption-size)}
.has-artwork .subtitle-word{color:#b6bac1}.has-artwork .subtitle-word.is-spoken{color:#f0f3f7}.has-artwork .subtitle-word.is-current{color:#fff}

@media(min-width:960px) and (max-height:730px){.player-scene{--artwork-caption-size:clamp(20px,5.6cqw,24px)}}
@media(max-width:959px){.player-scene{--artwork-caption-size:clamp(20px,5.6cqw,28px)}}

@media(max-width:959px) and (max-height:650px){.player-scene{--artwork-caption-size:clamp(20px,5.6cqw,24px)}}

@media(max-width:959px) and (max-height:450px){.player-scene{--artwork-caption-size:22px}}

/* BUMPED.TV WatchLiveBug: the same red key, white lamp and responsive lettering. */
.live-badge.watch-live-key{height:44px;min-height:44px;padding:0;background:#ff3b4e;color:#fff;font-size:15px;line-height:1.25;letter-spacing:.14em;touch-action:manipulation}
.live-badge.watch-live-key:hover{background:#ff5061}
.watch-live-key .live-readout{gap:8px;padding:0 12px}
.watch-live-key .live-readout strong{font:inherit;letter-spacing:inherit;white-space:nowrap}
.watch-live-key .lamp{width:10px;height:10px;background:#fff;box-shadow:0 0 7px #fffffff2}
@media(max-width:959px){.live-badge.watch-live-key{height:36px;min-height:36px;font-size:13px;letter-spacing:.1em}.watch-live-key .lamp{width:8px;height:8px}}

@media(max-width:959px){.sheet-open .sheet-dismiss{position:absolute;inset:0 0 auto;display:block;width:100%;height:min(112px,max(64px,calc(100% - 320px)));z-index:31;padding:0;background:#0005;touch-action:manipulation}}

/* One edge-to-edge scrim fades up from the bottom to above the subtitles. */
.player-scene::after{content:'';position:absolute;z-index:0;inset:var(--scrim-top,40%) 0 0;background:linear-gradient(#05080b00,#05080bb3 96px,#05080bf5);pointer-events:none}
.player-caption{z-index:1}

/* Keep visible outlines inside the shared badge/button height. */
.player-actions .bt-key{width:44px;min-width:44px;height:44px;min-height:44px;border:2px solid var(--keyline);border-radius:8px;box-shadow:none;padding:0}
.player-actions .bt-key svg{width:24px;height:24px}
.live-badge.watch-live-key{box-shadow:none}
.unmute-overlay .unmute-key{position:absolute;left:var(--unmute-x,50%);top:var(--unmute-y,50%);transform:translate(-50%,-50%)}
.picture-toggle{position:absolute;inset:0 0 auto;z-index:1;width:100%;aspect-ratio:1;max-height:100%;border:0;padding:0;background:transparent;cursor:pointer}
.picture-toggle:focus-visible{outline:3px solid var(--brand);outline-offset:-6px}
.unmute-key .resume-icon{display:none}
.has-started .unmute-overlay{background:transparent;pointer-events:none}
.has-started .unmute-overlay .unmute-key{pointer-events:auto;display:grid;place-items:center;width:88px;height:88px;min-height:88px;padding:0;border-radius:50%;background:var(--brand);box-shadow:0 4px 24px #0007}
.has-started .unmute-key .unmute-icon,.has-started #unmute-label{display:none}
.has-started .unmute-key .resume-icon{display:block;width:42px;height:42px;fill:var(--keyline)}

.composer-field{position:relative;flex:1;min-width:0}
.composer-placeholder{position:absolute;inset:0;display:flex;align-items:flex-start;padding:13px 4px 12px;pointer-events:none;color:#93a1b0;font-size:14px;line-height:1.6}
.composer-placeholder::before{content:'';width:2px;height:1.1em;margin:3px 0 0;flex:none;background:var(--brand);animation:composer-caret 1s step-end infinite}
.composer-field textarea:not(:focus)::placeholder{color:transparent}
.composer-field:focus-within .composer-placeholder,.has-draft .composer-placeholder{display:none}
@keyframes composer-caret{50%{opacity:0}}
#dictate{position:static;flex:none;height:36px;min-height:36px;width:36px;min-width:36px;margin-bottom:5px;color:var(--brand);background:none;box-shadow:none}
#dictate::after{display:none}
#dictate svg{width:22px;height:22px}
#dictate .stop-glyph{display:none}
.dictating #dictate{color:var(--red)}
.dictating #dictate .mic-glyph{display:none}
.dictating #dictate .stop-glyph{display:block}
.voice-status{font-size:12px;color:var(--brand);line-height:1.5;margin:8px 44px 10px 2px}
@media(max-width:959px){.composer-placeholder{padding:10px 2px;font-size:16px}#dictate{padding:0}}
@media(prefers-reduced-motion:reduce){.composer-placeholder::before{animation:none}}

/* Spoken conversation: the current speaker's words grow inside their bubble. */
.message-live{display:inline-flex;align-items:center;gap:5px;align-self:center;padding:2px 5px;border-radius:3px;background:var(--red);color:#fff;font-size:9px;line-height:1;font-weight:750;letter-spacing:.06em}
.message-meta .message-live .lamp{width:4px;height:4px;background:#fff;box-shadow:0 0 3px #fff,0 0 7px #ffffffb3}
.captions-in-chat .player-scene>.subtitle-stage{visibility:hidden}
.captions-in-chat .has-live-caption .subtitle-stage{position:static;visibility:visible;opacity:1;margin:0}
.captions-in-chat .has-live-caption .subtitle-window{--subtitle-lines:3;height:auto;min-height:1.6em;font-size:inherit;line-height:inherit;letter-spacing:0;font-weight:400}
.captions-in-chat .has-live-caption #subtitle-words{display:block;text-align:left;text-wrap:wrap;overflow:visible;-webkit-line-clamp:unset;white-space:normal}
.captions-in-chat .has-live-caption .subtitle-word{color:#89919c;background:none;box-shadow:none}
.captions-in-chat .has-live-caption .subtitle-word.is-spoken{color:var(--paper)}
.captions-in-chat .has-live-caption .subtitle-word.is-current{color:var(--paper);background:#ffe01a14;box-shadow:0 0 0 2px #ffe01a14}
.captions-in-chat .has-live-caption .message-bubble{min-width:0;white-space:normal}
.captions-in-chat.sheet-open .has-live-caption .subtitle-stage{opacity:1}
.captions-in-chat .rewind-key,.captions-in-chat #remote-rewind{display:none}
.captions-in-chat .remote-transport{grid-template-columns:1fr}
.speech-replay{position:absolute;inset:0;z-index:2;width:100%;height:100%;border-radius:inherit}
.speech-replay:focus-visible{outline-offset:2px}
.captions-in-chat .player-scene{--image-blend:24px}
.artwork-blur-canvas,.artwork-blur-tile{display:contents}
.artwork-reflection-tile{display:none}
/* Blur the image and its reflection together, so the join has no transparent edge. */
.captions-in-chat .artwork-blur-canvas{display:block;position:absolute;inset:0 0 auto;height:calc(var(--artwork-height) * 2);filter:blur(72px) saturate(1.1)}
.captions-in-chat .artwork-blur-tile,.captions-in-chat .artwork-reflection-tile{display:block;position:absolute;top:0;left:0;right:0;height:var(--artwork-height);overflow:hidden}
.captions-in-chat .artwork-reflection-tile{top:var(--artwork-height);transform:scaleY(-1)}
.captions-in-chat .artwork-blur{inset:auto;top:50%;left:50%;filter:none}
.captions-in-chat .artwork-shade{background:linear-gradient(transparent calc(var(--artwork-height) - var(--image-blend)),#10151b1a calc(var(--artwork-height) + 80px),#10151b99)}
.captions-in-chat .player-scene::after{display:none}
.captions-in-chat .artwork-crop{mask-image:linear-gradient(#000 calc(100% - var(--image-blend)),transparent)}
.captions-in-chat .chat-message .message-bubble{border-left-width:3px;text-wrap:wrap}
@media(max-width:959px){
  .captions-in-chat .frame{--chat-top:clamp(88px,calc(100vw - 56px),calc(var(--viewport-height,100dvh) - var(--composer-height) - 160px))}
  .captions-in-chat .compact-messages{display:none}
  .captions-in-chat:not(.sheet-open) .conversation>.messages{--chat-edge-fade:80px;display:block;position:absolute;top:var(--chat-top);bottom:0;left:0;right:0;background:none;pointer-events:auto;touch-action:pan-y pinch-zoom;mask-image:linear-gradient(transparent 8px,#0000000d 24px,#00000059 44px,#000000b3 60px,#000 var(--chat-edge-fade))}
  .captions-in-chat:not(.sheet-open) .thread{gap:20px;padding:16px 16px calc(var(--composer-height) + 12px)}
  .captions-in-chat:not(.sheet-open) .chat-message:not([data-preview]){display:none}
  .captions-in-chat:not(.sheet-open) .chat-message[data-preview]{transition:opacity .18s ease-out}
  .captions-in-chat:not(.sheet-open) .chat-message[data-previous]{opacity:.4}
  .captions-in-chat:not(.sheet-open) .chat-message[data-previous]>*{opacity:var(--edge-opacity,1)}
  .captions-in-chat:not(.sheet-open) .chat-message[data-previous][data-edge-hidden]{visibility:hidden}
  .captions-in-chat:not(.sheet-open) .composer-foot{background:none}
}
.captions-in-chat #live-badge,.captions-in-chat .player-caption{display:none}
.story-header{--story-control-height:44px;position:absolute;z-index:18;top:16px;left:16px;right:16px;min-width:0}
.story-heading-frame{display:flex;align-items:center;justify-content:center;height:var(--story-control-height)}
.story-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.4;font-weight:650;color:var(--paper)}
.story-links{display:flex;align-items:center;gap:12px;margin-top:4px;min-height:20px}
#story-source{color:var(--brand);font-size:13px;font-weight:700;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#story-source:hover{text-decoration:underline}
#story-watch-live{flex:none;padding:6px 9px;background:#ff3b4e;color:#fff;border-radius:6px;font-family:var(--mono);font-size:11px;font-weight:700}
.captions-in-chat .player-scene::before{content:'';position:absolute;z-index:1;inset:0 0 auto;height:120px;background:linear-gradient(#05080be6,transparent);pointer-events:none}
.story-header .story-heading{display:block;padding:0;border:0;border-radius:0;background:none;color:var(--paper);text-decoration:none;font-size:15px;line-height:1.4;font-weight:650;white-space:normal;text-wrap:balance;text-align:center}
.story-header .story-heading[href]:hover #story-source{text-decoration:underline}
.story-header .story-title{display:inline;font:inherit;white-space:normal}
.story-header #story-source{display:inline;font:inherit;color:var(--brand);white-space:nowrap}
.story-header #story-watch-live{margin-top:7px}
@media(max-width:959px){.story-header{--story-control-height:36px}}
@media(prefers-reduced-motion:reduce){.captions-in-chat:not(.sheet-open) .chat-message[data-preview]{transition:none}}

/* Keep controls beside the conversation, outside its scrolling/fading surface. */
.conversation>.player-actions{top:auto;bottom:calc(var(--composer-height) + 12px);right:16px;gap:12px;flex-direction:column;pointer-events:auto}
.conversation .thread{padding-right:76px}
@media(max-width:959px){
  .conversation .compact-messages{right:76px}
  .captions-in-chat:not(.sheet-open) .thread{padding-right:76px}
  .sheet-open .conversation .thread{padding-right:16px}
}

/* The composer floats over the transcript; only the canvas edge clips scrolling. */
.messages{scroll-padding-bottom:var(--composer-height)}
.share-status{position:absolute;z-index:29;right:76px;bottom:calc(var(--composer-height) + 128px);max-width:calc(100% - 92px);padding:8px 12px;border:2px solid var(--keyline);border-radius:8px;background:var(--key);color:var(--paper);font-size:13px;box-shadow:0 3px 12px #0004;pointer-events:none}
.clipboard-copy{position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none}