.chat-pinned{display:flex;gap:9px;padding:9px 13px;background:#ffffff0b;border-bottom:1px solid #ffffff14;flex-shrink:0;max-height:100px;overflow:auto;font-size:11px;line-height:1.6}
.chat-pinned b{font-size:9px;white-space:nowrap;color:#d4c5a1}.chat-pinned span{white-space:pre-wrap;overflow-wrap:anywhere}
.chat-message-actions{display:inline-flex;gap:4px;margin-left:8px;vertical-align:middle}.chat-message-actions button{font-size:9px;min-height:26px;padding:3px 6px;background:transparent;border-color:#ffffff20;color:#b9c5c0}
.chat-message-actions button:hover{background:#ffffff15;color:white}.chat-host-controls{flex-wrap:wrap}
#chat-manager{width:min(480px,calc(100vw - 28px));max-height:85dvh;overflow:auto;color:#252a2c;background:#fafbf9;border:1px solid #dce1dc;border-radius:16px;padding:24px}
#chat-manager::backdrop{background:#081015a8}.chat-manager-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.chat-manager-heading h2{font-size:20px;margin:0}
#chat-manager h3{font-size:14px;margin:26px 0 8px}#chat-manager p{font-size:12px;color:#6a726d;line-height:1.6}#chat-manager form{margin:0}#chat-manager label{font-size:13px;font-weight:650;display:block;margin-bottom:10px}
#chat-announcement{display:block;width:100%;resize:vertical;min-height:90px;max-height:200px;font:inherit;font-size:16px;padding:12px;border:1px solid #ccd4cd;border-radius:8px;background:white;color:#242b26}
#chat-blocked-users>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #e4e8e3}#chat-blocked-users span{font-size:13px;overflow-wrap:anywhere}#chat-blocked-users button{flex-shrink:0}
#chat-manager #chat-manager-error{color:#9b413d}#chat-manager-error:empty{display:none}
@media(max-width:600px){
 .site-head{height:54px;padding:0 16px}.brand{font-size:23px}.brand span{font-size:9px}.home-link{font-size:10px;padding:7px 11px}
 main{padding:0}.intro{padding:14px 16px 12px}.intro .eyebrow,.intro-signature,#room-status{display:none}.intro h1{font-size:21px;letter-spacing:-.6px;line-height:1.35}
 .theater{border-radius:0;box-shadow:none}.theater-heading{height:42px;padding:0 12px}.theater-wordmark{font-size:11px}
 .stages{margin:0 8px 10px;gap:8px;grid-template-rows:auto auto 340px;grid-template-columns:1fr 1fr;height:auto}
 .stage-a{width:100%;max-width:none;margin:0;justify-self:stretch}.stage-b,.stage-c{width:100%;max-width:none}.stage{border-radius:8px}
 .studio-conversation{border-radius:8px}.stage-top{font-size:9px}.nameplate{font-size:13px}.nameplate .affiliation{font-size:10px}
 .chat-message{font-size:13px}.chat-message b{font-size:11px}.chat-message small{font-size:9px}.chat-message-actions button{min-height:30px;font-size:10px}
 #chat-input{font-size:16px;height:42px}#chat-send{height:42px}.chat-host-controls button{font-size:10px;min-height:30px}.chat-heading button{min-height:30px;font-size:10px}
 .chat-pinned{padding:8px 10px;font-size:12px;max-height:85px}.chat-pinned b{font-size:10px}.theater-controls{gap:8px;padding:12px;min-height:60px}.theater-controls button,.studio-tools summary{font-size:10px;padding:8px 10px}
 .below-stage{padding:14px 16px}.broadcast-note{display:none}main>.panel{margin:16px}.message{padding:0 12px 10px}footer{margin:24px 16px}
}
@media(max-width:600px) and (orientation:portrait){
 .theater.is-immersive:not(.is-focused) .stages{--arena-height:calc(100dvh - 155px);height:var(--arena-height);margin:0 6px;gap:6px;grid-template-rows:minmax(0,.62fr) minmax(0,1.2fr) minmax(170px,1fr)}
 .theater.is-immersive:not(.is-focused) .stage-a{height:100%;width:auto;max-width:100%;max-height:100%;justify-self:center;align-self:center;aspect-ratio:16/9}
 .theater.is-immersive:not(.is-focused) .stage-b,.theater.is-immersive:not(.is-focused) .stage-c{height:100%;width:auto;max-width:100%;max-height:100%;justify-self:center;aspect-ratio:9/16}
 .theater.is-immersive:not(.is-focused) .stage-b{justify-self:end}.theater.is-immersive:not(.is-focused) .stage-c{justify-self:start}
 .theater.is-immersive .chat-host-controls{flex-wrap:nowrap;overflow-x:auto;flex-shrink:0}.theater.is-immersive .chat-host-controls button{font-size:8px;min-height:24px;white-space:nowrap}
 .theater.is-immersive .chat-pinned{max-height:52px;padding:4px 8px;font-size:10px}.theater.is-immersive .chat-message{font-size:11px}.theater.is-immersive .chat-message-actions button{min-height:24px;font-size:9px}
 .theater.is-immersive.chat-collapsed:not(.is-focused) .stages{grid-template-rows:minmax(0,.65fr) minmax(0,1.35fr) auto}
 .theater.is-focused .stages{margin:6px;--arena-height:calc(100dvh - 155px)}
}
@media(max-width:600px) and (max-height:650px) and (orientation:portrait){.theater.is-immersive:not(.is-focused) .stages{--arena-height:calc(100dvh - 125px);grid-template-rows:minmax(0,.55fr) minmax(0,1fr) minmax(145px,1fr)}.theater.is-immersive .theater-heading{height:35px}.theater.is-immersive .theater-controls{min-height:45px;padding:6px}.theater.is-immersive .message{font-size:8px;padding-bottom:5px}.theater.is-immersive .chat-heading{padding:4px 8px}.theater.is-immersive .chat-host-controls button{min-height:21px}.theater.is-immersive .chat-scroll-area{min-height:10px}.theater.is-immersive #chat-form{padding-bottom:5px}.theater.is-immersive #chat-input,.theater.is-immersive #chat-send{height:32px;min-height:32px}}
@media(max-height:550px) and (orientation:landscape){.theater.is-immersive .chat-host-controls{position:static;padding:3px 7px 0;flex-wrap:nowrap}.theater.is-immersive .chat-pinned{max-height:36px;padding:3px 7px;font-size:9px}.theater.is-immersive .chat-scroll-area{min-height:0}.theater.is-immersive .chat-message-actions button{min-height:20px;font-size:8px}}

/* Very short viewports may scroll the chat tools without clipping the composer. */
.chat-body{overflow-y:auto;scrollbar-width:thin}.theater.is-immersive .chat-scroll-area{min-height:40px;flex-shrink:0}

#audio-unlock{margin-left:auto;min-height:30px;padding:6px 10px;border-color:#d9e3db;background:#d9e3db;color:#25362c;font-size:11px}.theater-heading{gap:12px}
@media(max-width:600px){#audio-unlock{min-height:28px;padding:5px 8px;font-size:10px}.theater-heading{gap:8px}}

#broadcast-start{margin-left:auto;min-height:34px;padding:7px 15px;white-space:nowrap;font-size:12px;background:#eef2ea;border-color:#eef2ea;color:#25332b}
.can-broadcast #audio-unlock{margin-left:0}.message:empty{display:none}.below-stage{padding-top:12px;padding-bottom:16px}
@media(min-width:601px){
 .intro{padding-top:24px;padding-bottom:22px}
 .theater:not(.is-immersive){--arena-height:clamp(740px,57vw,820px)}
 .theater:not(.is-immersive):not(.chat-collapsed) .stages{grid-template-rows:auto minmax(440px,1fr)}
 .theater:not(.is-immersive) .chat-pinned{max-height:80px}
}
@media(min-width:601px) and (min-height:551px){
 .theater.is-immersive:not(.is-focused):not(.chat-collapsed) .stages{grid-template-rows:minmax(0,.32fr) minmax(240px,.68fr)}
 .theater.is-immersive:not(.is-focused):not(.chat-collapsed) .stage-a{width:min(100%,calc(var(--arena-height)*.56));align-self:center}
 .theater.is-immersive .chat-pinned{max-height:65px}
}
@media(max-width:600px){#broadcast-start{min-height:30px;padding:6px 10px;font-size:11px}.can-broadcast .theater-wordmark>span{display:none}}