:root{--player-ratio:9 / 16;--player-max-width:380px;--player-max-height:min(78svh, 680px)}.client-video-section{flex-direction:column;align-items:center;width:100%;padding-top:2px;display:flex}.stream-frame{width:100%;max-width:var(--player-max-width);aspect-ratio:var(--player-ratio);max-height:var(--player-max-height);background:#000;border:2px solid #fed1004d;border-radius:18px;justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 28px #000c,0 0 16px #fed1002e}.stream-frame video,video#client-video{object-position:center center;border-radius:inherit;width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:auto;background:#000;display:block;object-fit:cover!important}.stream-frame.fit-contain video,video#client-video.fit-contain{object-fit:contain}.host-video-frame{width:100%;max-width:360px;aspect-ratio:var(--player-ratio);max-height:var(--player-max-height);background:#000;border:2px solid #009fe366;border-radius:18px;justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 24px #009fe340,0 12px 28px #0009}.host-video-frame video,video#host-video{object-fit:cover;object-position:center center;border-radius:inherit;background:#000;width:100%;height:100%;display:block}.host-video-frame.fit-contain video,video#host-video.fit-contain{object-fit:contain}.host-monitor.is-floating{z-index:1000!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#0a0e14f2!important;border:2px solid #009fe3!important;border-radius:18px!important;width:220px!important;max-width:220px!important;padding:12px!important;animation:.28s cubic-bezier(.16,1,.3,1) host-pip-appear!important;position:fixed!important;bottom:24px!important;right:24px!important;box-shadow:0 16px 40px #000000d9,0 0 24px #009fe366!important}.host-monitor.is-floating .host-video-frame{aspect-ratio:9/16!important;border-radius:12px!important;max-width:100%!important;max-height:280px!important}.host-monitor.is-floating .host-obs-guide,.host-monitor.is-floating .host-iframe-tip,.host-monitor.is-floating .host-camera-note,.host-monitor.is-floating .host-camera-controls select,.host-monitor.is-floating #host-camera-refresh{display:none!important}.host-monitor.is-floating .host-camera-controls{justify-content:center!important;gap:6px!important;margin-top:8px!important}.host-monitor.is-floating .host-camera-controls button{min-height:32px!important;padding:0 10px!important;font-size:11px!important}@keyframes host-pip-appear{0%{opacity:0;transform:translateY(16px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.host-preview-client-btn{border-radius:var(--radius-sm,8px);color:#fed100;font-family:var(--font-display,inherit);cursor:pointer;background:#fed1001f;border:1px solid #fed10066;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 0 10px #fed10026}.host-preview-client-btn:hover{color:#1a0f00;background:#fed100;transform:translateY(-1px);box-shadow:0 0 16px #fed10080}.host-client-link{border-radius:var(--radius-sm,8px);color:#38bdf8;font-family:var(--font-display,inherit);background:#009fe31f;border:1px solid #009fe359;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:800;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.host-client-link:hover{color:#fff;background:#009fe340;border-color:#009fe3;box-shadow:0 0 12px #009fe366}.client-preview-drawer{z-index:2000;place-items:center;padding:16px;animation:.2s ease-out preview-drawer-fade;display:grid;position:fixed;inset:0}@keyframes preview-drawer-fade{0%{opacity:0}to{opacity:1}}.client-preview-backdrop{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#04070ad9;position:absolute;inset:0}.client-preview-card{z-index:1;background:#0b1016;border:2px solid #fed10066;border-radius:24px;flex-direction:column;width:min(92vw,440px);max-height:94svh;animation:.25s cubic-bezier(.16,1,.3,1) preview-card-pop;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #000000e6,0 0 32px #fed10040}@keyframes preview-card-pop{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.client-preview-card-header{background:#101721f2;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.preview-title-wrap{align-items:center;gap:10px;display:flex}.preview-phone-badge{font-size:20px}.preview-title{color:#fff;letter-spacing:-.01em;margin:0;font-size:14px;font-weight:800}.preview-subtitle{color:#38bdf8;font-size:11px;font-family:var(--font-mono,monospace);display:block}.preview-header-actions{align-items:center;gap:8px;display:flex}.preview-newtab-btn{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.preview-newtab-btn:hover{background:#009fe34d;border-color:#009fe3}.preview-close-button{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:800;transition:all .15s;display:flex}.preview-close-button:hover{background:#e52521;border-color:#e52521}.client-preview-body{background:radial-gradient(circle,#101822b3 0%,#06090d 100%);flex:1;justify-content:center;align-items:center;padding:14px;display:flex;overflow-y:auto}.client-phone-mockup{background:#000;border:3px solid #ffffff26;border-radius:20px;width:100%;max-width:360px;height:min(76svh,640px);position:relative;overflow:hidden;box-shadow:0 12px 32px #000000f2}.client-phone-mockup iframe{border:none;width:100%;height:100%;display:block}.pin-access-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f8fafc;letter-spacing:.01em;white-space:nowrap;box-sizing:border-box;cursor:pointer;background:#121822e6;border:1px solid #fed10059;border-radius:6px;flex-shrink:1;justify-content:center;align-items:center;gap:5px;min-width:0;max-width:100%;height:28px;min-height:28px;max-height:28px;padding:0 10px;font-family:inherit;font-size:11px;font-weight:600;line-height:1;text-decoration:none;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 3px #0000004d}.pin-access-button:hover{color:#fed100;background:#1c2634f5;border-color:#fed100;transform:translateY(-1px);box-shadow:0 0 10px #fed10059}.pin-access-button:active{transform:translateY(0)scale(.97)}.pin-access-button .pin-btn-icon{flex-shrink:0;font-size:11px;line-height:1}.pin-access-button .pin-btn-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pin-access-button.is-authenticated{color:#a7f3d0;background:#00a8442e;border-color:#00a84480}.pin-access-button.is-authenticated:hover{border-color:#00a844;box-shadow:0 0 10px #00a84459}@media (width<=480px){.pin-access-button{gap:4px;max-width:100%;height:26px;min-height:26px;max-height:26px;padding:0 8px;font-size:10px}}@media (width<=360px){.pin-access-button{gap:3px;max-width:100%;padding:0 5px;font-size:9.5px}}@keyframes chat-fade-up{0%{opacity:0;transform:translateY(18px)}60%{opacity:.9}to{opacity:1;transform:translateY(0)}}.client-chat-message,.host-chat-message{will-change:transform, opacity;animation:.35s cubic-bezier(.16,1,.3,1) both chat-fade-up}@media (prefers-reduced-motion:reduce){.client-chat-message,.host-chat-message,.client-chat-message.is-incoming,.host-chat-message.is-incoming{opacity:1!important;animation:none!important;transform:none!important}}.viewers-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#04080ec7;justify-content:center;align-items:center;padding:16px;animation:.2s cubic-bezier(.16,1,.3,1) forwards viewers-fade-in;display:flex;position:fixed;inset:0}.viewers-modal-backdrop[hidden]{display:none!important}@keyframes viewers-fade-in{0%{opacity:0}to{opacity:1}}.viewers-modal-panel{background:#0d1520;border:1px solid #ffffff29;border-radius:16px;flex-direction:column;width:100%;max-width:440px;max-height:85vh;animation:.25s cubic-bezier(.16,1,.3,1) forwards viewers-pop-in;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #000c,0 0 25px #009fe326}@keyframes viewers-pop-in{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.viewers-modal-header{background:#ffffff08;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.viewers-modal-title-row{align-items:center;gap:10px;display:flex}.viewers-live-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:9px;height:9px;animation:1.8s infinite beacon-pulse;box-shadow:0 0 8px #22c55e}.viewers-modal-title{color:#f8fafc;letter-spacing:-.01em;margin:0;font-size:15px;font-weight:800}.viewers-count-pill{font-family:var(--font-mono,monospace);color:#fed100;background:#fed1001f;border:1px solid #fed1004d;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.viewers-modal-close{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:all .15s;display:inline-flex}.viewers-modal-close:hover{color:#f87171;background:#ef444433;border-color:#ef444480;transform:rotate(90deg)}.viewers-modal-search-box{background:#00000040;border-bottom:1px solid #ffffff14;align-items:center;gap:8px;padding:10px 16px;display:flex;position:relative}.viewers-modal-search-box .search-icon{opacity:.7;font-size:13px}.viewers-modal-search-box input{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;outline:none;flex:1;padding:7px 12px;font-size:12.5px;transition:border-color .15s}.viewers-modal-search-box input:focus{border-color:#009fe3;box-shadow:0 0 8px #009fe34d}.viewers-modal-search-box input::placeholder{color:#64748b}.viewers-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:12px}.viewers-search-clear:hover{color:#fff}.viewers-modal-body{overscroll-behavior:contain;scroll-behavior:smooth;flex-direction:column;flex:1;gap:8px;max-height:380px;padding:12px 14px;display:flex;overflow-y:auto}.viewers-modal-body::-webkit-scrollbar{width:6px}.viewers-modal-body::-webkit-scrollbar-track{background:#0003;border-radius:3px}.viewers-modal-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.viewers-modal-body::-webkit-scrollbar-thumb:hover{background:#009fe399}.viewer-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;transition:transform .15s,background .15s,border-color .15s;display:flex}.viewer-card:hover{background:#ffffff12;border-color:#ffffff26;transform:translate(2px)}.viewer-card.is-registered{border-left:3px solid #22c55e}.viewer-card.is-guest{opacity:.9;border-left:3px solid #64748b}.viewer-main-col{flex:1;align-items:center;gap:11px;min-width:0;display:flex}.viewer-avatar{color:#fff;border:2px solid #ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:flex;box-shadow:0 2px 6px #0006}.viewer-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.viewer-name-row{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;display:flex;overflow:hidden}.viewer-name{color:#f1f5f9;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;overflow:hidden}.viewer-phone{font-family:var(--font-mono,monospace);color:#38bdf8;letter-spacing:.01em;align-items:center;gap:4px;font-size:11px;display:inline-flex}.viewer-status-text{color:#94a3b8;font-size:11px}.viewer-badge-tag{white-space:nowrap;letter-spacing:.02em;text-transform:uppercase;border-radius:6px;flex-shrink:0;padding:3px 7px;font-size:10px;font-weight:700}.viewer-badge-registered{color:#4ade80;background:#22c55e26;border:1px solid #22c55e59}.viewer-badge-guest{color:#94a3b8;background:#94a3b81f;border:1px solid #94a3b840}.viewer-btn-quick-reg{color:#38bdf8;cursor:pointer;white-space:nowrap;background:#009fe326;border:1px solid #009fe366;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;transition:all .15s}.viewer-btn-quick-reg:hover{color:#fff;background:#009fe3;border-color:#009fe3}.viewers-modal-empty{text-align:center;color:#94a3b8;padding:28px 16px;font-size:13px}.viewers-modal-empty .empty-icon{opacity:.6;margin-bottom:8px;font-size:28px;display:block}.viewers-modal-footer{color:#64748b;background:#0000004d;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 16px;font-size:11px;display:flex}.viewers-sync-status{align-items:center;gap:5px;display:inline-flex}@font-face{font-family:Mario Kart DS;src:url(/media/fuente-mario-kart-ds.ttf)format("truetype"),url(/assets/Mario-Kart-DS.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.client-chat-author-name{letter-spacing:1.5px;text-transform:uppercase;text-shadow:-1.5px -1.5px #000,1.5px -1.5px #000,-1.5px 1.5px #000,1.5px 1.5px #000,0 2px 4px #000000e6;flex-wrap:wrap;align-items:center;gap:1.5px;font-size:15px;font-weight:400;line-height:1.1;display:inline-flex;font-family:Mario Kart DS,monospace,sans-serif!important}.client-chat-author-name span{filter:drop-shadow(0 1px 2px #000c);font-family:inherit;transition:transform .15s;display:inline-block}.client-chat-author-name:hover span{transform:translateY(-2px)}.client-chat-list .chat-badge,.client-chat .chat-badge{display:none!important}.client-chat{border-top:1px solid var(--border-subtle);margin-top:4px;padding:10px 0 16px}.client-chat .client-feed-heading{margin-bottom:8px}.client-voice-toggle,.host-voice-toggle{color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:11px;font-weight:600;display:inline-flex}.client-voice-toggle input,.host-voice-toggle input{accent-color:var(--mario-yellow);cursor:pointer;width:15px;height:15px;margin:0}.client-chat-list,.host-chat-list{border:1px solid var(--border-subtle);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scroll-behavior:smooth;background:#090d12e0;padding:10px 14px;overflow-y:auto}.client-chat-list{min-height:200px;max-height:420px}.host-chat-panel .host-chat-list,.host-chat-list{flex:1;min-height:180px}.client-chat-message,.host-chat-message{will-change:transform, opacity;border-bottom:1px solid #ffffff0d;padding:8px 0;animation:.35s cubic-bezier(.16,1,.3,1) both chat-fade-up}.client-chat-message.is-incoming,.host-chat-message.is-incoming{will-change:transform, opacity;animation:.4s cubic-bezier(.16,1,.3,1) both chat-fade-up}.client-chat-message:last-child,.host-chat-message:last-child{border-bottom:0}.client-chat-message-header,.host-chat-message-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.client-chat-message-header strong,.host-chat-message-header strong{color:var(--mario-yellow);letter-spacing:-.01em;text-shadow:0 0 8px var(--mario-yellow-glow);font-size:13px;font-weight:700}.client-chat-message-header time,.host-chat-message-header time{color:var(--text-dim);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:10px}.client-chat-author-wrap,.host-chat-author-wrap{align-items:center;gap:7px;display:inline-flex}.chat-badge{letter-spacing:.02em;border-radius:4px;align-items:center;padding:1px 6px;font-size:10px;font-weight:800;line-height:1.3;display:inline-flex}.chat-badge.host{border:1px solid var(--mario-red);color:#fca5a5;box-shadow:0 0 6px var(--mario-red-glow);background:#e5252140}.chat-badge.verified{border:1px solid var(--mario-green);color:#4ade80;box-shadow:0 0 6px var(--mario-green-glow);background:#00a84433}.chat-badge.guest{color:var(--text-dim);background:#ffffff14;border:1px solid #ffffff29}.chat-register-quick-btn{border:1px solid var(--mario-blue);color:#38bdf8;cursor:pointer;background:#009fe32e;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:800;transition:all .15s}.chat-register-quick-btn:hover{background:var(--mario-blue);color:#fff;transform:translateY(-1px)}.client-identity-tag{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-dim);background:#ffffff14;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.client-identity-tag .identity-dot{background:#94a3b8;border-radius:50%;width:7px;height:7px}.client-identity-tag.is-registered{border-color:var(--mario-green);color:#4ade80;background:#00a84433}.client-identity-tag.is-registered .identity-dot{background:#22c55e;box-shadow:0 0 8px #22c55e}.client-chat-message p,.host-chat-message p{color:#f1f5f9;overflow-wrap:anywhere;margin:4px 0 0;font-size:13px;line-height:1.5}.chat-form-container{flex-direction:column;gap:8px;margin-top:10px;display:flex;position:relative}.chat-quick-emojis{scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:5px;padding:4px 2px 2px;display:flex;overflow-x:auto}.chat-quick-emojis::-webkit-scrollbar{display:none}.quick-emoji-chip{border-radius:var(--radius-full);cursor:pointer;touch-action:manipulation;background:#101720d9;border:1px solid #ffffff14;flex-shrink:0;padding:4px 8px;font-size:15px;line-height:1;transition:all .15s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 4px #00000040}.quick-emoji-chip:hover:not(:disabled){border-color:var(--mario-blue);box-shadow:0 0 10px var(--mario-blue-glow);background:#009fe340;transform:scale(1.15)translateY(-1px)}.quick-emoji-chip:active:not(:disabled){transform:scale(.95)}.quick-emoji-chip:disabled{opacity:.35;cursor:not-allowed}.client-chat-form,.host-chat-form{gap:8px;width:100%;margin-top:0;display:flex}.chat-input-wrapper{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);flex:1;align-items:center;min-width:0;height:44px;transition:all .2s;display:flex;position:relative;overflow:hidden}.chat-input-wrapper:focus-within{border-color:var(--mario-blue);background:var(--bg-surface-elevated);box-shadow:0 0 14px var(--mario-blue-glow)}.chat-emoji-toggle{width:42px;height:44px;color:var(--text-dim);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex:0 0 42px;justify-content:center;align-items:center;font-size:19px;transition:all .15s;display:flex}.chat-emoji-toggle:hover:not(:disabled){background:#fed10026;transform:scale(1.1)}.chat-emoji-toggle.active{background:#fed10040;box-shadow:inset 0 0 8px #fed10066}.chat-emoji-toggle:disabled{opacity:.4;cursor:not-allowed}.client-chat-form input,.host-chat-form input{width:100%;min-width:0;height:44px;color:var(--text-main);background:0 0;border:0;outline:none;padding:0 12px 0 4px;font-size:13px}.client-chat-form input::placeholder,.host-chat-form input::placeholder{color:var(--text-dim)}.client-chat-form button[type=submit],.host-chat-form button[type=submit],.client-chat-form button#client-chat-send,.host-chat-form button#host-chat-send{border-radius:var(--radius-sm);color:#fff;width:48px;height:44px;box-shadow:0 3px 12px var(--mario-blue-glow), 0 2px 0 #005f9e;touch-action:manipulation;background:linear-gradient(135deg,#009fe3 0%,#0077b6 100%);border:0;flex:0 0 48px;justify-content:center;align-items:center;font-size:22px;font-weight:800;transition:all .15s;display:flex}.client-chat-form button[type=submit]:hover:not(:disabled),.host-chat-form button[type=submit]:hover:not(:disabled),.client-chat-form button#client-chat-send:hover:not(:disabled),.host-chat-form button#host-chat-send:hover:not(:disabled){background:#1cb5ff;transform:translateY(-1px);box-shadow:0 5px 18px #009fe399,0 2px #005f9e}.client-chat-form button[type=submit]:active:not(:disabled),.host-chat-form button[type=submit]:active:not(:disabled),.client-chat-form button#client-chat-send:active:not(:disabled),.host-chat-form button#host-chat-send:active:not(:disabled){transform:translateY(1px)}.client-chat-form button[type=submit]:disabled,.host-chat-form button[type=submit]:disabled,.client-chat-form button#client-chat-send:disabled,.host-chat-form button#host-chat-send:disabled{background:var(--bg-surface-elevated);color:var(--text-dim);box-shadow:none;cursor:not-allowed;opacity:.5}.chat-emoji-popover{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:50;background:#0c1119f5;border:1px solid #fed10059;flex-direction:column;max-height:270px;animation:.2s cubic-bezier(.16,1,.3,1) popover-in;display:flex;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 12px 36px #000000b3,0 0 20px #fed1002e}@keyframes popover-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-emoji-search-row{background:#080c12b3;border-bottom:1px solid #ffffff14;align-items:center;gap:8px;padding:8px 10px;display:flex}.chat-emoji-search{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:#fff;background:#090d14;outline:none;flex:1;padding:6px 10px;font-size:12px}.chat-emoji-search:focus{border-color:var(--mario-yellow);box-shadow:0 0 8px var(--mario-yellow-glow)}.chat-emoji-header{background:#080c1299;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:6px;padding:8px 10px;display:flex}.chat-emoji-tabs{scrollbar-width:none;align-items:center;gap:4px;display:flex;overflow-x:auto}.chat-emoji-tabs::-webkit-scrollbar{display:none}.chat-emoji-tab{border-radius:var(--radius-full);color:var(--text-dim);font-size:11px;font-family:var(--font-sans);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:5px;padding:4px 9px;font-weight:600;transition:all .15s;display:inline-flex}.chat-emoji-tab:hover{color:var(--text-main);background:#ffffff14}.chat-emoji-tab.active{color:var(--mario-yellow);box-shadow:0 0 8px var(--mario-yellow-glow);background:#fed10029;border-color:#fed10059}.chat-emoji-close{border:1px solid var(--border-subtle);border-radius:var(--radius-full);width:28px;height:28px;color:var(--text-dim);cursor:pointer;background:0 0;flex:0 0 28px;justify-content:center;align-items:center;font-size:13px;transition:all .15s;display:flex}.chat-emoji-close:hover{background:var(--mario-red);color:#fff;border-color:var(--mario-red)}.chat-emoji-grid{scroll-behavior:smooth;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:4px;max-height:210px;padding:10px;display:grid;overflow-y:auto}.chat-emoji-item{border-radius:var(--radius-sm);cursor:pointer;touch-action:manipulation;background:0 0;border:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;line-height:1;transition:transform .15s,background-color .15s;display:flex}.chat-emoji-item:hover{background:#009fe340;transform:scale(1.22)}.chat-emoji-item:active{transform:scale(.92)}.client-chat-status,.host-chat-status{min-height:16px;color:var(--text-dim);font-size:11px;font-family:var(--font-mono);margin:6px 0 0}.client-chat .client-feed-empty{margin:0;padding:20px 0;font-size:12px}.host-chat-panel{flex-direction:column;height:100%;min-height:0;display:flex}.host-chat-heading{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex}.host-chat-heading h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:22px;font-weight:800}.host-chat-message p{font-size:13px}@keyframes chat-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.client-chat-message,.host-chat-message,.client-chat-message.is-incoming,.host-chat-message.is-incoming{opacity:1!important;animation:none!important;transform:none!important}}@media (width<=850px){.client-chat-list{max-height:320px}}.admin-msg-tools{align-items:center;gap:4px;margin-left:auto;display:inline-flex}.admin-msg-tool-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;background:#ffffff0d;padding:2px 6px;font-size:12px;line-height:1;transition:all .15s}.admin-msg-tool-btn:hover{transform:scale(1.15)}.admin-msg-tool-btn.delete:hover{border-color:var(--mario-red);color:#fff;box-shadow:0 0 8px var(--mario-red-glow);background:#e5252140}.admin-msg-tool-btn.block:hover{color:#fff;background:#ef444459;border-color:#ef4444;box-shadow:0 0 10px #ef444499}.host-client-link{border-radius:var(--radius-sm);color:var(--mario-yellow);font-family:var(--font-sans);white-space:nowrap;background:#18202ce6;border:1px solid #fed10066;align-items:center;gap:6px;margin-left:12px;padding:8px 14px;font-size:11px;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 0 10px #fed10033}.host-client-link:hover{border-color:var(--mario-yellow);color:#fff;box-shadow:0 0 16px var(--mario-yellow-glow);background:#1e293bf2;transform:translateY(-1px)}.host-volume-control,.client-volume-control{color:var(--text-muted);font-family:var(--font-mono);white-space:nowrap;align-items:center;gap:8px;font-size:11px;font-weight:600;display:inline-flex}.host-volume-control input,.client-volume-control input{width:76px;height:6px;accent-color:var(--mario-yellow);border-radius:var(--radius-full);cursor:pointer;touch-action:pan-x;background:#ffffff26;outline:none;margin:0}.host-volume-control output,.client-volume-control output{min-width:32px;color:var(--mario-yellow);font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;font-size:11px;font-weight:700}.host-volume-control input:disabled{opacity:.4;cursor:not-allowed}.client-chat-tools{justify-content:flex-end;align-items:center;gap:14px;display:flex}@media (width<=450px){.client-chat-tools{flex-direction:column;align-items:flex-end;gap:6px}.client-volume-control input{width:64px}}