*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#0b0b0c;color:#e0e0e0}#app{height:100vh;display:flex;flex-direction:column}.hidden{display:none!important}.join-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.join-box{background:#1a1a1a;padding:40px;border-radius:12px;text-align:center;box-shadow:0 0 0 1px #ffffff0f,0 16px 48px #0006;min-width:320px}.join-box h1{font-size:32px;color:#bf94ff;margin-bottom:8px}.join-box p{color:#888;margin-bottom:20px;font-size:14px}.join-box input{width:100%;padding:10px 16px;border:2px solid #333;border-radius:8px;font-size:16px;outline:none;margin-bottom:12px;text-align:center;background:#0b0b0c;color:#e0e0e0}.join-box input::placeholder{color:#555}.join-box input:focus{border-color:#9147ff}.join-box button{width:100%;padding:12px;background:#9147ff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:background .15s ease}.join-box button:hover{background:#772ce8}.main-layout{height:100%;display:flex;flex-direction:column}.top-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:12px;padding:8px 20px;background:#0b0b0c;color:#fff;height:48px;flex-shrink:0}.brand{font-size:20px;font-weight:800;color:#bf94ff}.top-bar-left{display:flex;align-items:center;gap:10px;min-width:0;justify-self:start}.top-bar-center{display:flex;justify-content:center;align-items:center;align-self:stretch;min-width:0;width:100%}.top-bar-right{display:flex;align-items:center;gap:12px;justify-self:end}.top-bar-url{display:flex;align-items:center;gap:6px;width:100%;max-width:420px;padding:0;background:transparent;border:none;opacity:0;pointer-events:none;transition:opacity .15s ease}.top-bar-center:hover .top-bar-url,.top-bar-center:focus-within .top-bar-url{opacity:1;pointer-events:auto}.top-bar-url input{flex:1;min-width:0;height:28px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#888;padding:0 10px;font-size:12px;outline:none;transition:color .15s ease,border-color .15s ease,background .15s ease}.top-bar-url input::placeholder{color:#555}.top-bar-url input:focus{color:#aaa;background:#ffffff0f;border-color:#ffffff38}.nerd-toggle{display:flex;align-items:center;justify-content:center;height:28px;padding:0 10px;border:1px solid #3a2a55;border-radius:6px;background:#1a1424;color:#8b6bb8;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.nerd-toggle:hover{background:#241833;color:#bf94ff;border-color:#5a3d82}.nerd-toggle.active{background:#9147ff;border-color:#9147ff;color:#fff}.viewer-count{font-size:14px;color:#777}.viewer-count[data-status=disconnected],.viewer-count[data-status=connecting]{color:#f0ad4e}.content{flex:1;display:flex;overflow:hidden;min-height:0}.left-col{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:0;min-width:0;position:relative;scrollbar-width:thin;scrollbar-color:#9147ff transparent}.left-col::-webkit-scrollbar{width:6px}.left-col::-webkit-scrollbar-track{background:transparent}.left-col::-webkit-scrollbar-thumb{background:#9147ff;border-radius:3px}.left-col::-webkit-scrollbar-thumb:hover{background:#bf94ff}.left-col{scrollbar-width:none}.left-col::-webkit-scrollbar{display:none}.collapsible-col{position:relative;width:340px;min-width:280px;transition:width .35s ease,min-width .35s ease}.collapsible-col:not(.open){width:0;min-width:0}.collapsible-col .collapsible-inner{width:340px;min-width:280px;height:100%;overflow:hidden}.collapse-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #222;border-radius:6px;background:#141414;color:#888;cursor:pointer;transition:background .15s ease,color .15s ease}.collapse-toggle:hover{background:#222;color:#bf94ff}.collapse-toggle.chat-open{color:#bf94ff}.player-container{position:relative;width:100%;background:#0b0b0c;aspect-ratio:16 / 9;overflow:hidden;max-height:60vh;min-height:240px;flex-shrink:0}.video-player{width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .6s ease}.video-player.visible{opacity:1}.player-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;pointer-events:none}.player-overlay p{color:#ffffff8c;font-size:14px}.player-loading{z-index:2;pointer-events:auto}.player-glow{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background:radial-gradient(circle at center,rgba(145,71,255,.08) 0%,rgba(145,71,255,.03) 40%,transparent 70%);pointer-events:none}.player-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.08);border-top-color:#9147ffcc;border-radius:50%;animation:playerSpin .8s linear infinite}@keyframes playerSpin{to{transform:rotate(360deg)}}.player-unmute{z-index:3;pointer-events:auto;background:#0000008c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .2s ease,transform .15s ease}.player-unmute:hover{background:#000000b3;transform:scale(1.04)}.player-unmute:active{transform:scale(.97)}.player-error{z-index:2;pointer-events:auto}.player-error-badge{width:48px;height:48px;border-radius:50%;background:#ffffff0f;border:2px solid rgba(255,255,255,.1);color:#ffffffa6;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center}.player-retry-btn{padding:10px 28px;background:#9147ff;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;pointer-events:auto;transition:background .2s ease,transform .15s ease}.player-retry-btn:hover{background:#772ce8;transform:scale(1.04)}.player-retry-btn:active{transform:scale(.97)}.player-controls{position:absolute;inset:auto 0 0 0;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.35) 60%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.player-container.controls-visible .player-controls,.player-controls:hover{opacity:1;pointer-events:auto}.controls-left,.controls-right{display:flex;align-items:center;gap:6px}.control-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:background .15s ease}.control-btn:hover{background:#ffffff1f}.control-btn:active{background:#ffffff2e}.live-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.04em;color:#fff;background:#ffffff1a;padding:3px 8px;border-radius:4px;margin-left:4px}.live-dot{width:7px;height:7px;border-radius:50%;background:#f44;box-shadow:0 0 6px #f449;animation:livePulse 1.5s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.volume-group{position:relative;display:flex;align-items:center}.volume-slider-wrap{width:0;overflow:hidden;transition:width .2s ease}.volume-slider-wrap.open{width:72px;margin-right:2px}.volume-slider{width:68px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff40;border-radius:2px;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:none;cursor:pointer;box-shadow:0 1px 4px #0000004d}.volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:none;cursor:pointer;box-shadow:0 1px 4px #0000004d}.theater-spacer{flex:0 0 0;transition:flex .35s ease}.theater-spacer.push{flex:1 0 0}.theater{background:#0b0b0c;padding:20px}.theater-body{position:relative}.theater-header{display:flex;flex-direction:row;align-items:center;gap:4px;margin-bottom:16px;padding-left:36px;transition:margin-bottom .35s ease}.theater.collapsed .theater-header{margin-bottom:0}.theater-toggle{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid #222;border-radius:4px;background:#141414;color:#666;cursor:pointer;margin-left:6px;opacity:0;transition:opacity .15s ease,background .15s ease,color .15s ease}.theater-header:hover .theater-toggle,.theater.collapsed .theater-toggle{opacity:1}.theater-toggle:hover{background:#222;color:#bf94ff}.theater-count{font-weight:700;font-size:14px;line-height:20px;color:#bf94ff}.theater-label{font-weight:700;font-size:14px;line-height:20px;color:#666}.theater-empty{color:#555;font-size:14px;padding:24px 0;text-align:center}.theater-grid-wrap{overflow:hidden;transition:max-height .35s ease}.theater-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 16px;padding-top:5px}.theater-card{display:flex;flex-direction:column;align-items:center;gap:6px;width:72px;animation:cardEnter .35s ease-out both}.theater-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0;transition:transform .2s ease}.theater-name{font-size:12px;font-weight:600;color:#777;text-align:center;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.theater-card:hover .theater-avatar{transform:scale(1.12) translateY(0)}.theater-avatar-btn{position:relative;border:none;background:none;padding:0;cursor:default;width:48px;height:48px;flex-shrink:0}.theater-card.is-me .theater-avatar-btn{cursor:pointer}.theater-you-badge{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);background:#9147ff;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;line-height:1.4}.theater-edit{padding:14px;background:#9147ff;border-radius:10px;display:flex;flex-direction:column;gap:10px;z-index:10;min-width:260px;box-shadow:0 8px 32px #0006;animation:editPopIn .2s ease-out}@keyframes editPopIn{0%{opacity:0;transform:scale(.92) translate(-8px)}to{opacity:1;transform:scale(1) translate(0)}}.theater-edit-top{display:flex;align-items:center;gap:10px}.theater-edit-avatar{width:48px;height:48px;border-radius:8px;flex-shrink:0;background:#ffffff26}.theater-reroll-btn{width:32px;height:32px;border:none;border-radius:8px;background:#ffffff26;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.theater-reroll-btn:hover{background:#ffffff47}.theater-reroll-btn.spinning svg{animation:saveSpin .6s linear infinite}.theater-edit-row{display:flex;align-items:center;gap:8px}.theater-edit-input{flex:1;padding:8px 12px;border:1px solid rgba(255,255,255,.25);border-radius:6px;font-size:14px;outline:none;background:#ffffff1f;color:#fff;min-width:0}.theater-edit-input::placeholder{color:#ffffff73}.theater-edit-input:focus{border-color:#ffffff80;background:#ffffff2e}.theater-edit-save{padding:8px 14px;background:#fff;color:#9147ff;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .15s ease;min-width:62px;display:flex;align-items:center;justify-content:center}.theater-edit-save:hover{opacity:.85}.theater-edit-save:disabled{opacity:.6;cursor:default}.save-spinner{width:16px;height:16px;border:2px solid rgba(145,71,255,.25);border-top-color:#9147ff;border-radius:50%;animation:saveSpin .6s linear infinite}@keyframes saveSpin{to{transform:rotate(360deg)}}.theater-edit-cancel{padding:8px 14px;background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.25);border-radius:6px;font-size:14px;cursor:pointer;transition:background .15s ease}.theater-edit-cancel:hover{background:#ffffff1f}.theater-edit-error{color:#fffc;font-size:14px;font-weight:600}@keyframes cardEnter{0%{opacity:0;transform:translateY(12px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-panel{width:100%;height:100%;display:flex;flex-direction:column;background:#0b0b0c;min-height:0;position:relative}.chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:4px;min-height:0;scrollbar-width:thin;scrollbar-color:#9147ff transparent}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#9147ff;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#bf94ff}.chat-message{font-size:14px;line-height:1.5;padding:2px 0;word-break:break-word;position:relative}.chat-message.has-actions:hover{background:#ffffff08;border-radius:4px}.chat-message.mentions-me{background:#9147ff14;border-radius:4px;padding-left:6px;border-left:2px solid #bf94ff}.chat-message.system{color:#666;font-style:italic;font-size:14px}.chat-username{font-weight:700;margin-right:2px}.chat-text{color:#ccc}.chat-mention{color:#bf94ff;font-weight:700;background:#9147ff33;border-radius:4px;padding:0 4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.chat-mention-me{color:#1a0a2e;background:#bf94ff;box-shadow:0 0 0 1px #bf94ff80}.chat-sticker{height:28px;vertical-align:middle}.chat-sticker.compact{height:18px}.chat-reply-quote{display:flex;flex-direction:column;gap:1px;margin:0 0 2px;padding:2px 8px;border-left:2px solid #9147ff;color:#888;font-size:12px;line-height:1.3}.chat-reply-user{color:#bf94ff;font-weight:600}.chat-reply-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:#888}.chat-reply-text .chat-text{color:#888}.chat-msg-actions{display:none;position:absolute;top:-2px;right:0;gap:2px;background:#1a1a1e;border:1px solid rgba(145,71,255,.35);border-radius:6px;padding:2px;z-index:2}.chat-message.has-actions:hover .chat-msg-actions{display:inline-flex}.chat-action-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:#aaa;border-radius:4px;cursor:pointer;font-size:12px;font-weight:700}.chat-action-btn:hover{background:#9147ff33;color:#fff}.chat-react-menu{display:flex;gap:2px;position:absolute;top:-36px;right:0;background:#1a1a1e;border:1px solid rgba(145,71,255,.35);border-radius:8px;padding:4px;z-index:3}.chat-react-emoji{width:28px;height:28px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:16px;line-height:1}.chat-react-emoji:hover{background:#9147ff40}.chat-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.chat-reaction-pill{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:999px;border:1px solid rgba(145,71,255,.3);background:#141418e6;color:#ccc;font-size:12px;cursor:pointer}.chat-reaction-pill.mine{border-color:#9147ff;background:#9147ff2e;color:#fff}.chat-reaction-count{color:#999;font-size:11px}.chat-reaction-pill.mine .chat-reaction-count{color:#bf94ff}.chat-paused-wrap{position:absolute;left:0;right:0;bottom:calc(100% + 10px);z-index:5;display:flex;justify-content:center;pointer-events:none}.chat-paused-pill{pointer-events:auto;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 12px 6px 9px;border:1px solid rgba(145,71,255,.45);border-radius:999px;background:#140c20f2;color:#e8d9ff;font-size:12px;font-weight:600;line-height:1;letter-spacing:0;cursor:pointer;box-shadow:0 4px 16px #0006}.chat-paused-pill svg{display:block;flex-shrink:0;width:14px;height:14px}.chat-paused-pill>span{display:block;line-height:1;transform:translate(-.5px)}.chat-paused-pill:hover{background:#28143cfa}.chat-reply-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid rgba(145,71,255,.25);background:#9147ff14}.chat-reply-bar-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.chat-reply-bar-label{font-size:12px;color:#bf94ff}.chat-reply-bar-text{font-size:12px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-reply-bar-text .chat-text{color:#888}.chat-reply-bar-close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:#888;border-radius:4px;cursor:pointer;flex-shrink:0}.chat-reply-bar-close:hover{color:#fff;background:#ffffff14}.chat-message.pending{opacity:.85}.chat-message.pending.status-failed{opacity:1}.chat-delivery{display:inline-flex;align-items:center;gap:6px;margin-left:6px;vertical-align:middle}.chat-delivery.failed{font-size:12px;color:#888}.chat-not-delivered{color:#a66}.chat-retry-btn{padding:2px 8px;background:transparent;color:#bf94ff;border:1px solid rgba(145,71,255,.45);border-radius:4px;font-size:12px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.chat-retry-btn:hover{background:#9147ff1f;border-color:#9147ff}.chat-sync-banner{display:flex;align-items:center;gap:8px;padding:6px 10px;margin-bottom:8px;background:#9147ff1a;border:1px solid rgba(145,71,255,.25);border-radius:6px;color:#bf94ff;font-size:13px}.chat-mini-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(145,71,255,.25);border-top-color:#9147ff;border-radius:50%;animation:saveSpin .6s linear infinite;flex-shrink:0}.chat-mini-spinner.light{border-color:#ffffff40;border-top-color:#fff}.sticker-picker-wrapper{position:absolute;bottom:100%;left:12px;right:12px;margin-bottom:8px;z-index:10}.sticker-picker{display:flex;flex-wrap:wrap;gap:4px;padding:8px;background:#141414;border:1px solid #222;border-radius:8px;max-height:160px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#333 transparent}.sticker-picker::-webkit-scrollbar{width:4px}.sticker-picker::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.sticker-picker-empty{color:#555;font-size:13px;text-align:center;width:100%;padding:8px 0}.sticker-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;background:transparent;cursor:pointer;padding:2px;transition:background .1s ease}.sticker-btn:hover{background:#222}.sticker-btn img{max-width:100%;max-height:100%;object-fit:contain}.chat-input-row button.sticker-toggle{width:40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:0;background:transparent;color:#9147ff;cursor:pointer;flex-shrink:0;padding:0;font-size:inherit;font-weight:inherit;transition:background .15s ease,color .15s ease}.chat-input-row button.sticker-toggle:hover:not(:disabled){background:transparent;color:#772ce8}.chat-input-row button.sticker-toggle.active{background:transparent;color:#772ce8}.chat-input-row button.sticker-toggle:disabled{opacity:.4;cursor:not-allowed}.chat-input-editable{flex:1;position:relative;min-height:0}.chat-mention-menu{position:absolute;left:0;right:0;bottom:calc(100% + 6px);z-index:6;display:flex;flex-direction:column;gap:2px;max-height:180px;overflow-y:auto;padding:4px;background:#1a1a1e;border:1px solid rgba(145,71,255,.4);border-radius:8px;box-shadow:0 8px 24px #00000073}.chat-mention-option{display:flex;align-items:center;gap:2px;width:100%;padding:6px 8px;border:none;border-radius:6px;background:transparent;color:#ddd;font-size:13px;font-weight:600;text-align:left;cursor:pointer}.chat-mention-option:hover,.chat-mention-option.active{background:#9147ff40;color:#fff}.chat-mention-option-at{color:#bf94ff}.chat-input-content{padding:8px 12px;border:1px solid #333;border-radius:6px;font-size:14px;outline:none;background:#0b0b0c;color:#e0e0e0;font-family:inherit;min-height:0;max-height:120px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#333 transparent;white-space:pre-wrap;word-break:break-word;box-sizing:border-box}.chat-input-content:focus{border-color:#9147ff}.chat-input-editable.empty .chat-input-content:before{content:"Send a message";color:#555;pointer-events:none}.chat-input-content[contenteditable=false]{opacity:.4}.chat-input-sticker{height:20px;vertical-align:middle;pointer-events:none;-webkit-user-select:none;user-select:none}.chat-input-area{position:relative;display:flex;flex-direction:column;padding:8px 16px 20px;background:#0b0b0c;flex-shrink:0}.chat-toast{position:absolute;bottom:calc(100% + 10px);left:12px;right:12px;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:#9147ff;border-radius:10px;box-shadow:0 6px 24px #0006;font-size:14px;font-weight:600;color:#fff;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(8px) scale(.92);transition:opacity .2s ease,transform .25s ease;z-index:10}.chat-toast.visible{opacity:1;transform:translateY(0) scale(1);animation:toastShake .4s ease .15s}@keyframes toastShake{0%,to{transform:translateY(0) scale(1)}10%{transform:translate(-6px)}30%{transform:translate(5px)}50%{transform:translate(-4px)}70%{transform:translate(3px)}90%{transform:translate(-1px)}}.chat-input-row{display:flex;gap:8px;align-items:stretch}.chat-input-row button{padding:8px 16px;background:#9147ff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease}.chat-input-row button:hover:not(:disabled){background:#772ce8}.chat-input-row button:disabled{opacity:.4;cursor:not-allowed}.floating-bubbles{position:fixed;bottom:100px;right:28px;display:flex;flex-direction:column-reverse;gap:8px;z-index:50;pointer-events:none;max-width:300px}.floating-bubble{display:flex;align-items:baseline;gap:6px;padding:8px 14px;background:#141414d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:12px;font-size:13px;line-height:1.3;opacity:1;transform:translateY(0) scale(1);transition:opacity .3s ease,transform .3s ease;animation:bubbleIn .3s ease}.floating-bubble.fading{opacity:0;transform:translateY(10px) scale(.95)}.floating-bubble-name{font-weight:700;flex-shrink:0}.floating-bubble-text{color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floating-bubble-text .chat-sticker.compact{height:18px;vertical-align:middle}@keyframes bubbleIn{0%{opacity:0;transform:translateY(12px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.floating-popups{position:fixed;top:60px;left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse;gap:6px;z-index:50;pointer-events:none}.floating-popup{padding:8px 18px;background:#141414d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:20px;font-size:14px;font-weight:600;color:#ccc;white-space:nowrap;opacity:1;transform:translateY(0) scale(1);transition:opacity .4s ease,transform .4s ease;animation:popupIn .35s ease}.floating-popup.fading{opacity:0;transform:translateY(-10px) scale(.95)}@keyframes popupIn{0%{opacity:0;transform:translateY(-12px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.stage-col{flex:1;display:flex;min-width:0;min-height:0;overflow:hidden}.content.nerd-mode{gap:0}.player-stow{display:none}.flash-slot{display:contents}.flash-slot.stowed>.nerd-flash{display:none}.content.nerd-mode:not(.video-hidden) .nerd-flash{width:auto;min-width:0;max-width:none;flex:1 1 50%}.content.nerd-mode:not(.video-hidden) .left-col{flex:1 1 50%;min-width:0;min-height:0;overflow:hidden;position:relative}.content.nerd-mode:not(.video-hidden) .left-col .theater-spacer:not(.push){display:none}.content.nerd-mode:not(.video-hidden) .left-col .player-container{flex:1 1 50%;aspect-ratio:auto;width:100%;height:auto;max-height:none;min-height:0;flex-shrink:1}.content.nerd-mode:not(.video-hidden) .left-col .theater:not(.collapsed){flex:1 1 50%;min-height:0;overflow:hidden;display:flex;flex-direction:column}.content.nerd-mode:not(.video-hidden) .left-col:has(.theater.collapsed) .player-container{flex:0 0 auto;aspect-ratio:16 / 9;width:100%;max-height:none;min-height:0;align-self:stretch}.content.nerd-mode:not(.video-hidden) .left-col:has(.theater.collapsed) .theater-spacer.push{display:block;flex:1 0 0}.content.nerd-mode:not(.video-hidden) .stage-col{align-items:stretch}.content.nerd-mode.video-hidden .stage-col{flex-direction:column}.content.nerd-mode.video-hidden .nerd-flash{width:100%;min-width:0;flex:0 0 40%;height:40%;max-height:40%;min-height:0;animation:none;position:relative}.content.nerd-mode.video-hidden .left-col{flex:1 1 auto;min-height:0;overflow:visible;position:relative;display:flex;flex-direction:column}.content.nerd-mode.video-hidden .stage-col:has(.theater.collapsed) .nerd-flash{flex:1 1 auto;height:auto;max-height:none}.content.nerd-mode.video-hidden .stage-col:has(.theater.collapsed) .left-col{flex:0 0 auto}.content.nerd-mode.video-hidden .stage-col:has(.theater.collapsed) .theater-spacer{display:none}.content.nerd-mode .left-col{min-height:0;position:relative}.content.nerd-mode .theater.nerd{display:flex;flex-direction:column;flex:0 0 auto;min-height:0;padding:28px 20px 88px;border-top:none;box-shadow:none}.content.nerd-mode .theater.nerd.collapsed{padding:16px 20px;min-height:0}.content.nerd-mode.video-hidden .theater.nerd:not(.collapsed){flex:0 0 auto;min-height:200px;padding-top:32px;padding-bottom:96px}.content.nerd-mode.video-hidden .left-col .theater-spacer.push{flex:1 0 0}.content.nerd-mode .theater.nerd .theater-body{flex:0 0 auto;min-height:0;overflow:visible}.content.nerd-mode .theater.nerd .theater-grid-wrap{overflow:visible}.content.nerd-mode .theater.nerd .theater-grid{padding-top:56px;padding-bottom:16px;row-gap:20px;overflow:visible}.content.nerd-mode .theater.nerd .theater-card,.content.nerd-mode .theater.nerd .theater-avatar-btn{overflow:visible}.content.nerd-mode .theater.nerd .theater-header{position:relative;z-index:1;border:none;box-shadow:none;margin-bottom:20px}.content.nerd-mode .theater.nerd.collapsed .theater-header{z-index:50;margin-bottom:0}.nerd-flash{position:relative;width:min(42%,520px);min-width:260px;flex-shrink:0;background:#5b21b6;display:flex;flex-direction:column;overflow:hidden;border:none;box-shadow:none;outline:none}.nerd-flash:not(.full) .nerd-flash-face{flex:1 1 auto;min-height:0;height:100%;padding:40px 36px}.nerd-flash-face{flex:1;border:none;outline:none;box-shadow:none;background:transparent;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 48px;text-align:center;min-height:220px;width:100%;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.nerd-flash.full .nerd-flash-face{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;padding:56px 80px;z-index:0}.nerd-flash-face[aria-disabled=true]{cursor:default}.nerd-flash-text{font-family:Inter,sans-serif;font-style:normal;font-weight:700;font-size:28px;line-height:40px;letter-spacing:-.300781px;color:#fff;max-width:22ch;margin:0;display:flex;align-items:center;justify-content:center;text-align:center}.nerd-flash-chrome{position:absolute;left:0;right:0;bottom:0;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease;padding:12px 14px 16px;background:transparent;z-index:1;pointer-events:none}.nerd-flash:hover .nerd-flash-chrome{opacity:1;transform:translateY(0);pointer-events:auto}.nerd-flash-toolbar{display:flex;flex-direction:column;align-items:stretch;width:10rem;margin:0 auto;gap:8px}.nerd-flash-nav,.nerd-flash-actions{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;gap:0}.nerd-flash-nav .nerd-nav-char,.nerd-flash-actions .nerd-icon-btn{flex-shrink:0}.nerd-flash-nav .nerd-flash-count,.nerd-flash-actions .nerd-text-btn{flex:1;justify-content:center;text-align:center}.nerd-flash.full{position:relative}.nerd-side-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border:none;background:transparent;color:#ffffffd9;font-size:28px;font-weight:200;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s ease,color .15s ease;display:inline-flex;align-items:center;justify-content:center;padding:0}.nerd-flash.full:hover .nerd-side-arrow{opacity:1}.nerd-side-arrow.prev{left:12px}.nerd-side-arrow.next{right:12px}.nerd-side-arrow:hover:not(:disabled){color:#fff}.nerd-side-arrow:disabled{opacity:.25;cursor:not-allowed}.nerd-corner{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;height:28px;opacity:0;transition:opacity .2s ease}.nerd-flash.full:hover .nerd-corner{opacity:1}.nerd-corner-tl{top:16px;left:16px}.nerd-corner-tr{top:16px;right:16px}.nerd-corner-br{bottom:16px;right:16px;height:auto}.nerd-flash-form-dock{position:absolute;left:50%;bottom:72px;transform:translate(-50%);z-index:3;width:min(420px,calc(100% - 48px));opacity:1}.nerd-nav-char{width:28px;height:28px;border:none;background:transparent;color:#ffffffd9;border-radius:0;cursor:pointer;font-size:18px;font-weight:200;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0;opacity:.8;transition:opacity .15s ease,color .15s ease;flex-shrink:0}.nerd-nav-char svg{display:block}.nerd-nav-char:hover:not(:disabled){opacity:1;color:#fff}.nerd-nav-char:disabled{opacity:.35;cursor:not-allowed}.nerd-batch-trigger{position:absolute;top:12px;right:14px}.nerd-flash-nav,.nerd-flash-form-row,.nerd-media-row{display:flex;align-items:center;gap:8px}.nerd-flash-count{font-size:12px;font-weight:600;color:#ffffffb3;min-width:3.5rem;height:28px;line-height:28px;text-align:center;display:inline-flex;align-items:center;justify-content:center}.nerd-icon-btn,.nerd-text-btn{border:none;background:transparent;color:#ffffffe6;border-radius:0;cursor:pointer;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0;opacity:.85;transition:opacity .15s ease,color .15s ease}.nerd-icon-btn{width:28px;height:28px}.nerd-icon-btn svg{display:block}.nerd-text-btn{padding:4px 2px}.nerd-text-btn.primary{background:transparent;color:#fff;border:none;opacity:1;text-decoration:underline;text-underline-offset:3px}.nerd-icon-btn:hover:not(:disabled),.nerd-text-btn:hover:not(:disabled){opacity:1;color:#fff}.nerd-icon-btn.danger:hover:not(:disabled){color:#fecaca}.nerd-icon-btn:disabled,.nerd-text-btn:disabled{opacity:.35;cursor:not-allowed}.nerd-flash-form,.nerd-media-form{display:flex;flex-direction:column;gap:8px;margin-top:8px}.nerd-flash-form input,.nerd-flash-form textarea,.nerd-media-form input{width:100%;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#00000040;color:#fff;padding:8px 10px;font-size:13px;resize:vertical}.nerd-flash-format-hint{font-size:11px;color:#ffffff8c}.nerd-flash-format-hint code{color:#fff}.nerd-batch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;flex-direction:column;gap:10px;padding:18px 16px;background:#5b21b6;color:#fff}.nerd-batch-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.nerd-batch-head h2{font-size:16px;font-weight:700;margin:0}.nerd-batch-lead{font-size:12px;color:#ffffffb3;margin:0}.nerd-batch-lead code{color:#fff}.nerd-batch-form{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0}.nerd-batch-form textarea{flex:1;min-height:160px;width:100%;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#00000040;color:#fff;padding:10px 12px;font-size:13px;line-height:1.4;resize:none}.nerd-batch-error{margin:0;font-size:12px;color:#fecaca}.nerd-batch-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.nerd-media-form label{font-size:11px;color:#ffffff8c}.nerd-media-row input{flex:1}.player-container.youtube{position:relative;background:#000}.youtube-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:block}.youtube-badge{position:absolute;left:12px;bottom:12px;z-index:2}.theater-avatar-btn{position:relative;overflow:visible}.avatar-bubble{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);max-width:140px;padding:6px 10px;border-radius:12px;background:#1f1f23;border:1px solid #333;color:#eee;font-size:11px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:3;pointer-events:none;animation:bubbleIn .25s ease}.avatar-bubble:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1f1f23}.nerd-speech-bubble{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);width:max-content;max-width:min(220px,70vw);padding:8px 12px;border-radius:14px;background:#fff;color:#9147ff;font-size:12px;font-weight:600;line-height:1.35;white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:left;z-index:6;pointer-events:none;box-shadow:0 4px 12px #00000040;animation:nerdSpeechIn .28s ease}.nerd-speech-bubble .nerd-speech-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}.nerd-speech-bubble .chat-sticker.compact{height:20px;vertical-align:middle}.nerd-speech-bubble .nerd-speech-name{display:block;font-size:10px;font-weight:700;color:#6b21a8;margin-bottom:2px;opacity:.75}.nerd-speech-bubble.fading{animation:nerdSpeechOut .38s ease forwards}.nerd-speech-bubble:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);border:6px solid transparent;border-top-color:#fff}.nerd-scatter-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:45;pointer-events:none;overflow:hidden}.nerd-scatter-bubbles.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45}.nerd-speech-bubble.scatter{position:absolute;bottom:auto;transform:none;max-width:min(280px,42vw);animation:nerdScatterIn .3s ease}.nerd-speech-bubble.scatter.fading{animation:nerdScatterOut .38s ease forwards}.nerd-speech-bubble.scatter:after{display:none}@keyframes nerdSpeechIn{0%{opacity:0;transform:translate(-50%) translateY(6px) scale(.94)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes nerdSpeechOut{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-4px) scale(.96)}}@keyframes nerdScatterIn{0%{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes nerdScatterOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.96)}}@keyframes bubbleIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.nerd-chat-pill{position:absolute;left:50%;bottom:28px;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:8px;width:min(420px,calc(100% - 32px));padding:8px;border-radius:999px;background:#5b21b6;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 32px #00000059;pointer-events:auto}.nerd-chat-pill.full{bottom:28px;top:auto;transform:translate(-50%)}.nerd-chat-pill.shift-end{left:auto;right:20px;transform:none;width:min(380px,calc(100% - 100px))}.nerd-chat-pill input{flex:1;min-width:0;background:#00000038;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;padding:10px 16px;font-size:14px;outline:none}.nerd-chat-pill input::placeholder{color:#ffffff73}.nerd-chat-pill input:focus{border-color:#fff6}.nerd-chat-pill button{flex-shrink:0;height:36px;padding:0 16px;border:none;border-radius:999px;background:#fff;color:#5b21b6;font-size:13px;font-weight:700;cursor:pointer}.nerd-chat-pill button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.content,.content.nerd-mode{flex-direction:column}.nerd-flash{width:100%;min-width:0;min-height:220px}.chat-panel{width:100%;height:40vh}.player-container{max-height:40vh}}