:root,[data-theme=dark]{--bg-page: #121212;--bg-surface: #1a1a1a;--bg-surface-alt: #111;--bg-input: #222;--bg-raised: #333;--bg-inactive: #444;--bg-neutral: #666;--bg-disabled: #555;--bg-video: #000;--bg-success: #1a2a1a;--bg-success-deep: #1a3a1a;--bg-danger: #2a1a1a;--bg-danger-hover: #3a1a1a;--bg-danger-deep: #3a1a1a;--bg-screening: #2a1a3a;--bg-screening-badge: #1a0a2a;--bg-success-badge: #0a1a0a;--bg-mod: #1a1a0a;--bg-chat-mine-host: #1a3a5a;--bg-chat-mine-screener: #2a1a3a;--bg-chat-theirs: #2a2a2a;--bg-pill: rgba(255, 255, 255, .1);--bg-muted-overlay: rgba(244, 67, 54, .9);--text-primary: #fff;--text-secondary: #ddd;--text-secondary-em: #ccc;--text-tertiary: #aaa;--text-label: #999;--text-muted: #888;--text-faint: #666;--text-hidden: #555;--text-dark: #000;--text-on-accent: #fff;--color-success: #4caf50;--color-primary: #2196f3;--color-danger: #f44336;--color-warning: #ff9800;--color-screening: #9c27b0;--color-screening-light: #ce93d8;--color-mod: #ffd700;--color-ban: #b71c1c;--color-youtube: #ff0000;--border-default: #2a2a2a;--border-card: #333;--border-input: #444;--border-input-alt: #555;--border-light: #ddd;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 12px;--sp-lg: 16px;--sp-xl: 20px;--sp-2xl: 24px;--sp-3xl: 32px;--sp-4xl: 40px;--r-xs: 3px;--r-sm: 4px;--r-md: 6px;--r-lg: 8px;--r-xl: 12px;--r-pill: 20px;--r-circle: 50%;--fs-xs: 10px;--fs-2xs: 11px;--fs-sm: 12px;--fs-base: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 20px;--fs-3xl: 24px;--fs-4xl: 32px;--shadow-dropdown: 0 4px 12px rgba(0, 0, 0, .4)}[data-theme=light]{--bg-page: #f5f5f5;--bg-surface: #fff;--bg-surface-alt: #f0f0f0;--bg-input: #fff;--bg-raised: #e0e0e0;--bg-inactive: #bdbdbd;--bg-neutral: #9e9e9e;--bg-disabled: #bbb;--bg-video: #000;--bg-success: #e8f5e9;--bg-success-deep: #c8e6c9;--bg-danger: #ffebee;--bg-danger-hover: #ffcdd2;--bg-danger-deep: #ffcdd2;--bg-screening: #f3e5f5;--bg-screening-badge: #ede7f6;--bg-success-badge: #e8f5e9;--bg-mod: #fff8e1;--bg-chat-mine-host: #e3f2fd;--bg-chat-mine-screener: #f3e5f5;--bg-chat-theirs: #f5f5f5;--bg-pill: rgba(0, 0, 0, .08);--bg-muted-overlay: rgba(244, 67, 54, .9);--text-primary: #1a1a1a;--text-secondary: #333;--text-secondary-em: #444;--text-tertiary: #555;--text-label: #666;--text-muted: #777;--text-faint: #999;--text-hidden: #bbb;--text-dark: #000;--text-on-accent: #fff;--color-success: #388e3c;--color-primary: #1976d2;--color-danger: #d32f2f;--color-warning: #f57c00;--color-screening: #7b1fa2;--color-screening-light: #ab47bc;--color-mod: #f9a825;--color-ban: #c62828;--color-youtube: #cc0000;--border-default: #e0e0e0;--border-card: #ddd;--border-input: #ccc;--border-input-alt: #bbb;--border-light: #999;--shadow-dropdown: 0 4px 12px rgba(0, 0, 0, .15)}.btn{border:none;cursor:pointer;font-weight:600;border-radius:var(--r-sm);color:var(--text-on-accent);background:var(--bg-raised);transition:background .2s;font-family:inherit}.btn:hover:not(:disabled){filter:brightness(1.15)}.btn:disabled{opacity:.6;cursor:default}.btn-xs{padding:4px 8px;font-size:var(--fs-2xs)}.btn-sm{padding:6px 12px;font-size:var(--fs-sm)}.btn-md{padding:8px 16px;font-size:var(--fs-base)}.btn-lg{padding:12px 24px;font-size:var(--fs-md);border-radius:var(--r-lg)}.btn-xl{padding:16px 40px;font-size:var(--fs-xl);border-radius:var(--r-lg);font-weight:700}.btn-hero{padding:20px 60px;font-size:var(--fs-2xl);border-radius:var(--r-xl);font-weight:700}.btn-success{background:var(--color-success)}.btn-primary{background:var(--color-primary)}.btn-danger{background:var(--color-danger)}.btn-warning{background:var(--color-warning)}.btn-screening{background:var(--color-screening)}.btn-ban{background:var(--color-ban)}.btn-mod{background:var(--color-mod);color:var(--text-dark);font-weight:700}.btn-neutral{background:var(--bg-neutral)}.btn-inactive{background:var(--bg-raised);cursor:default}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border-input);border-radius:var(--r-lg)}.btn-remove{background:var(--bg-input);color:var(--color-danger)}.btn-accent{background:var(--color-primary)}.btn-google{background:#fff;color:#333;border:1px solid #ddd;font-weight:700;display:inline-flex;align-items:center;gap:var(--sp-md)}.btn-youtube{background:var(--color-youtube);display:flex;align-items:center;justify-content:center;gap:10px}.btn-regen{background:transparent;color:var(--color-warning);border:1px solid var(--color-warning);font-weight:600}.btn-copy{flex-shrink:0;background:var(--bg-raised);min-width:56px;transition:background .2s}.btn-copy-done{background:var(--color-success)}.btn-eye{flex-shrink:0;background:transparent;color:var(--text-faint);border:none;padding:4px 6px;cursor:pointer;font-size:var(--fs-lg);line-height:1;transition:color .15s}.btn-eye-active{color:var(--text-primary)}.btn-block{width:100%}.btn-flex{display:flex;align-items:center;justify-content:center;gap:10px}.card{border-radius:var(--r-lg);padding:var(--sp-md);margin-bottom:var(--sp-sm);position:relative;background:var(--bg-surface);border:1px solid var(--border-card)}.card-p-lg{padding:var(--sp-lg)}.card-mb-0{margin-bottom:0}.card-mod{background:var(--bg-mod);border-color:var(--color-mod)}.card-success{background:var(--bg-success);border-color:var(--color-success)}.card-success-deep{background:var(--bg-success-deep);border:2px solid var(--color-success);padding:var(--sp-lg)}.card-screening{background:var(--bg-screening);border:2px solid var(--color-screening);transition:border-color .2s,background .2s}.card-danger{background:var(--bg-danger);border-color:var(--color-danger)}.card-danger-deep{background:var(--bg-danger);border-radius:var(--r-xl);border:1px solid var(--color-danger)}.card-live{background:var(--bg-danger-deep);border:2px solid var(--color-danger)}.card-info{background:var(--bg-surface);border-color:var(--border-default)}.card-setup{overflow:hidden;transition:border-color .2s}.card-setup-pending{border-color:var(--color-warning)}.input{width:100%;padding:var(--sp-md);font-size:var(--fs-md);border-radius:var(--r-lg);border:1px solid var(--border-input);background:var(--bg-input);color:var(--text-primary);font-family:inherit}.input-sm{padding:var(--sp-sm) var(--sp-md);font-size:var(--fs-base);border-radius:var(--r-md);border:1px solid var(--border-input-alt);background:var(--bg-input);color:var(--text-primary);font-family:inherit;width:100%}.input-xs{padding:4px 8px;font-size:var(--fs-sm);border-radius:var(--r-sm);border:1px solid var(--border-input-alt);background:var(--bg-raised);color:var(--text-primary);font-family:inherit;width:100%}.textarea{resize:vertical}.badge{font-size:var(--fs-2xs);font-weight:600;padding:1px 5px;border-radius:var(--r-lg);line-height:14px;display:inline-block}.badge-success{background:var(--color-success);color:var(--text-on-accent)}.badge-danger{background:var(--color-danger);color:var(--text-on-accent)}.badge-warning{background:var(--color-warning);color:var(--text-on-accent)}.badge-primary{background:var(--color-primary);color:var(--text-on-accent)}.badge-muted{background:var(--bg-raised);color:var(--text-on-accent)}.badge-mod{color:var(--color-mod);font-size:var(--fs-sm);margin-left:6px;font-weight:700}.badge-live-muted{position:absolute;top:var(--sp-sm);right:var(--sp-sm);background:var(--bg-muted-overlay);color:var(--text-on-accent);padding:2px var(--sp-sm);border-radius:10px;font-size:var(--fs-2xs);font-weight:700}.badge-ready{background:var(--color-success);color:var(--text-on-accent);font-size:var(--fs-xs);padding:1px 6px;border-radius:var(--r-lg);margin-left:var(--sp-sm)}.badge-verified{color:var(--color-success);font-size:var(--fs-2xs);margin-left:6px}.badge-status{font-size:var(--fs-sm);font-weight:600;padding:4px 10px;border-radius:var(--r-xl)}.badge-status-screening{color:var(--color-screening);background:var(--bg-screening-badge);border:1px solid var(--color-screening)}.badge-status-success{color:var(--color-success);background:var(--bg-success-badge);border:1px solid var(--color-success)}.tag{padding:2px 8px;font-size:var(--fs-2xs);border-radius:var(--r-xl);border:1px solid var(--border-input-alt);background:transparent;color:var(--text-tertiary);cursor:pointer}.tag-active{border-color:var(--color-screening);background:var(--color-screening);color:var(--text-on-accent)}.tag-caution{background:var(--color-danger);color:var(--text-on-accent);border-color:var(--color-danger)}.tag-priority{background:var(--color-warning);color:var(--text-on-accent);border-color:var(--color-warning)}.tag-firsttimer{background:var(--color-primary);color:var(--text-on-accent);border-color:var(--color-primary)}.tag-display{padding:2px 8px;border-radius:10px;font-size:var(--fs-2xs);color:var(--text-on-accent)}.tag-display-sm{padding:1px 6px;border-radius:var(--r-lg);font-size:var(--fs-xs);color:var(--text-on-accent)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-secondary-em{color:var(--text-secondary-em)}.text-tertiary{color:var(--text-tertiary)}.text-label{color:var(--text-label)}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-screening{color:var(--color-screening)}.text-screening-light{color:var(--color-screening-light)}.text-mod{color:var(--color-mod)}.text-accent-primary{color:var(--color-primary)}.text-xs{font-size:var(--fs-xs)}.text-2xs{font-size:var(--fs-2xs)}.text-sm{font-size:var(--fs-sm)}.text-base{font-size:var(--fs-base)}.text-md{font-size:var(--fs-md)}.text-lg{font-size:var(--fs-lg)}.text-xl{font-size:var(--fs-xl)}.text-2xl{font-size:var(--fs-2xl)}.text-4xl{font-size:var(--fs-4xl)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-mono{font-family:monospace}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.5px}.leading-relaxed{line-height:1.8}.leading-snug{line-height:1.4}.whitespace-nowrap{white-space:nowrap}.break-words{word-break:break-word}.break-all{word-break:break-all}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cursor-pointer{cursor:pointer}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.shrink-0{flex-shrink:0}.min-h-0{min-height:0}.min-w-0{min-width:0}.gap-xs{gap:var(--sp-xs)}.gap-sm{gap:var(--sp-sm)}.gap-md{gap:var(--sp-md)}.gap-lg{gap:var(--sp-lg)}.gap-xl{gap:var(--sp-xl)}.inline-flex{display:inline-flex}.m-0{margin:0}.mt-0{margin-top:0}.mt-xs{margin-top:var(--sp-xs)}.mt-sm{margin-top:var(--sp-sm)}.mt-md{margin-top:var(--sp-md)}.mt-lg{margin-top:var(--sp-lg)}.mt-xl{margin-top:var(--sp-xl)}.mt-2xl{margin-top:var(--sp-2xl)}.mt-3xl{margin-top:var(--sp-3xl)}.mt-4xl{margin-top:var(--sp-4xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--sp-xs)}.mb-sm{margin-bottom:var(--sp-sm)}.mb-md{margin-bottom:var(--sp-md)}.mb-lg{margin-bottom:var(--sp-lg)}.mb-xl{margin-bottom:var(--sp-xl)}.mb-2xl{margin-bottom:var(--sp-2xl)}.mb-3xl{margin-bottom:30px}.mb-4xl{margin-bottom:var(--sp-4xl)}.ml-sm{margin-left:var(--sp-sm)}.mr-xs{margin-right:var(--sp-xs)}.p-xs{padding:var(--sp-xs)}.p-sm{padding:var(--sp-sm)}.p-md{padding:var(--sp-md)}.p-lg{padding:var(--sp-lg)}.p-xl{padding:var(--sp-xl)}.px-lg{padding-left:var(--sp-lg);padding-right:var(--sp-lg)}.py-sm{padding-top:var(--sp-sm);padding-bottom:var(--sp-sm)}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto;overflow-y:auto}.video-frame{background:var(--bg-video);aspect-ratio:16/9;border-radius:var(--r-lg);overflow:hidden;margin-bottom:var(--sp-xl);position:relative}.video-frame-audio{aspect-ratio:4/1}.video-frame-compact{margin-bottom:var(--sp-md)}.video-frame iframe{width:100%;height:100%;border:none}.muted-overlay{position:absolute;top:var(--sp-md);left:50%;transform:translate(-50%);background:var(--bg-muted-overlay);color:var(--text-on-accent);padding:var(--sp-sm) var(--sp-xl);border-radius:var(--r-pill);font-weight:700;font-size:var(--fs-md);z-index:10}.chat-container{display:flex;flex-direction:column;flex:1;min-height:0}.chat-container-fixed{height:100%;min-height:200px}.chat-messages{flex:1;overflow-y:auto;padding:var(--sp-sm);display:flex;flex-direction:column;gap:var(--sp-xs)}.chat-messages-capped{max-height:300px}.chat-empty{color:var(--text-hidden);font-size:var(--fs-base);text-align:center;padding:var(--sp-xl) 0}.chat-msg{display:flex;flex-direction:column}.chat-msg-mine{align-items:flex-end}.chat-msg-theirs{align-items:flex-start}.chat-meta{font-size:var(--fs-xs);color:var(--text-faint);margin-bottom:2px}.chat-sender-host{color:var(--color-primary);font-weight:600}.chat-sender-screener{color:var(--color-screening);font-weight:600}.chat-bubble{color:var(--text-secondary);padding:6px 10px;border-radius:var(--r-lg);font-size:var(--fs-base);max-width:85%;word-break:break-word}.chat-bubble-theirs{background:var(--bg-chat-theirs)}.chat-bubble-host{background:var(--bg-chat-mine-host)}.chat-bubble-screener{background:var(--bg-chat-mine-screener)}.chat-input-row{display:flex;gap:6px;padding:var(--sp-sm);border-top:1px solid var(--border-default)}.chat-input{flex:1;padding:var(--sp-sm) var(--sp-md);border-radius:var(--r-md);border:1px solid var(--border-input);background:var(--bg-input);color:var(--text-primary);font-size:var(--fs-base);font-family:inherit}.toggle{width:42px;height:24px;border-radius:var(--r-xl);position:relative;transition:background .2s;cursor:pointer;flex-shrink:0}.toggle-on{background:var(--color-screening)}.toggle-off{background:var(--bg-inactive)}.toggle-thumb{width:20px;height:20px;background:var(--text-primary);border-radius:var(--r-circle);position:absolute;top:2px;transition:left .2s}.link-row{margin-top:var(--sp-md)}.link-row-label{color:var(--text-label);font-size:var(--fs-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.link-row-box{display:flex;align-items:center;gap:6px;margin-top:var(--sp-xs);background:var(--bg-surface-alt);padding:var(--sp-sm) 10px;border-radius:var(--r-md);border:1px solid var(--border-default)}.link-row-url{flex:1;font-family:monospace;font-size:var(--fs-sm);word-break:break-all;line-height:1.4;transition:filter .15s,color .15s}.link-row-url-hidden{color:var(--text-hidden);-webkit-user-select:none;user-select:none;filter:blur(3px)}.link-row-url-revealed{color:var(--text-tertiary);-webkit-user-select:auto;user-select:auto;filter:none}.link-row-hint{color:var(--color-success);font-size:var(--fs-2xs);margin-top:var(--sp-xs)}.dropdown{background:var(--bg-danger);border:1px solid var(--color-danger);border-radius:var(--r-md);padding:var(--sp-sm);position:absolute;right:0;top:100%;z-index:20;min-width:200px;box-shadow:var(--shadow-dropdown)}.dropdown-item{display:block;width:100%;padding:4px 8px;font-size:var(--fs-sm);background:transparent;color:var(--color-danger);border:none;text-align:left;cursor:pointer;border-radius:var(--r-xs);font-family:inherit}.dropdown-item:hover{background:var(--bg-danger-hover)}.dropdown-cancel{display:block;width:100%;padding:4px 8px;font-size:var(--fs-2xs);background:transparent;color:var(--text-muted);border:none;text-align:left;cursor:pointer;margin-top:var(--sp-xs);font-family:inherit}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:60px;height:60px;border:4px solid var(--border-card);border-top:4px solid var(--color-success);border-radius:var(--r-circle);margin:0 auto 30px;animation:spin 1s linear infinite}.status-page{padding:var(--sp-4xl);max-width:400px;margin:60px auto;text-align:center}.live-page{padding:var(--sp-xl);max-width:800px;margin:0 auto;text-align:center}.banner{padding:var(--sp-lg);border-radius:var(--r-lg);margin-bottom:var(--sp-xl)}.banner-success{background:var(--bg-success-deep)}.banner-screening{background:var(--bg-screening);border:2px solid var(--color-screening)}.banner-live{background:var(--bg-danger-deep);border:2px solid var(--color-danger)}.avatar{border-radius:var(--r-circle)}.avatar-sm{width:24px;height:24px}.avatar-md{width:40px;height:40px}.avatar-lg{width:48px;height:48px}.participant-pill{display:flex;align-items:center;gap:var(--sp-xs);background:var(--bg-pill);padding:4px 10px;border-radius:var(--r-lg);font-size:var(--fs-base)}.label-upper{color:var(--text-label);font-size:var(--fs-sm);display:block;margin-bottom:var(--sp-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.collapse-toggle{width:100%;display:flex;align-items:center;gap:var(--sp-sm);padding:10px var(--sp-lg);background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--fs-base);text-align:left;font-family:inherit}.collapse-toggle:hover{background:var(--bg-input)}.collapse-toggle-prominent{color:var(--text-secondary);font-size:var(--fs-md);font-weight:600}.collapse-arrow{color:var(--text-faint);font-size:var(--fs-sm);display:inline-block;transition:transform .2s}.collapse-arrow-open{transform:rotate(180deg)}.mod-item{display:flex;justify-content:space-between;align-items:center;padding:6px var(--sp-sm);background:var(--bg-surface);border-radius:var(--r-sm);margin-bottom:var(--sp-xs)}.ban-list-panel{margin-top:var(--sp-lg);padding-top:var(--sp-lg);border-top:1px solid var(--border-default)}.ban-list-item{display:flex;justify-content:space-between;align-items:center;padding:8px var(--sp-sm);background:var(--bg-surface);border-radius:var(--r-sm);border-left:3px solid var(--c-danger)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--r-lg);padding:var(--sp-xl);max-width:400px;width:90%;box-shadow:0 8px 32px #0006}.section-header{margin-top:0;padding-bottom:10px;border-bottom:1px solid var(--border-default);font-size:var(--fs-xl)}.btn-theme-toggle{background:transparent;border:1px solid var(--border-input);border-radius:var(--r-lg);padding:6px 10px;cursor:pointer;font-size:var(--fs-lg);line-height:1;transition:border-color .2s}.btn-theme-toggle:hover{border-color:var(--text-muted)}.screener-indicator{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-xl);font-size:var(--fs-sm);font-weight:600}.screener-indicator-on{background:var(--bg-success-badge);border:1px solid var(--color-success);color:var(--color-success)}.screener-indicator-off{background:var(--bg-surface);border:1px solid var(--border-card);color:var(--text-faint)}.whisper-panel{background:var(--bg-surface-alt);border:1px solid var(--border-default);border-radius:var(--r-lg);display:flex;flex-direction:column;max-height:350px;margin-top:var(--sp-sm)}.whisper-panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-sm) var(--sp-md);border-bottom:1px solid var(--border-default)}.whisper-messages{flex:1;overflow-y:auto;padding:var(--sp-sm);display:flex;flex-direction:column;gap:var(--sp-xs);min-height:60px}.whisper-thread{display:flex;flex-direction:column;gap:4px}.whisper-bubble{padding:6px 10px;border-radius:var(--r-md);max-width:90%}.whisper-bubble-staff{background:var(--bg-chat-mine-host);align-self:flex-start}.whisper-bubble-guest{background:var(--bg-success);align-self:flex-end}.whisper-meta{font-size:var(--fs-xs);color:var(--text-faint);margin-bottom:2px}.whisper-input-row{display:flex;gap:6px;padding:var(--sp-sm);border-top:1px solid var(--border-default);align-items:center}.whisper-reply-toggle{display:flex;align-items:center;gap:4px;cursor:pointer;white-space:nowrap;color:var(--text-faint)}.whisper-reply-toggle input{width:14px;height:14px}.whisper-btn{position:relative}.whisper-btn-notify{color:var(--color-primary)}.whisper-notify-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--color-danger);border-radius:var(--r-circle)}.guest-whisper-area{background:var(--bg-surface-alt);border:1px solid var(--border-default);border-radius:var(--r-lg);padding:var(--sp-md);margin-top:var(--sp-md);max-width:500px;margin-left:auto;margin-right:auto}.guest-whisper-label{font-size:var(--fs-sm);font-weight:600;color:var(--text-label);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--sp-sm)}.guest-whisper-card{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--r-md);padding:var(--sp-sm) var(--sp-md);margin-bottom:var(--sp-xs)}.guest-whisper-reply-sent{margin-top:var(--sp-xs);padding:4px 8px;background:var(--bg-success);border-radius:var(--r-sm);display:flex;align-items:center}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0) scale(1);opacity:1}to{transform:translateY(100vh) rotate(720deg) scale(.5);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px)}20%,40%,60%,80%{transform:translate(6px)}}@keyframes trapdoor{0%{transform:translateY(0) scaleY(1);opacity:1}60%{transform:translateY(10px) scaleY(.9);opacity:.8}to{transform:translateY(200px) scaleY(0);opacity:0}}@keyframes spotlight{0%{filter:brightness(.3);opacity:.5}to{filter:brightness(1);opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--color-danger)}50%{box-shadow:0 0 25px var(--color-danger),0 0 50px #f003}}@keyframes flash-in{0%{opacity:.8}50%{opacity:0}to{opacity:0}}.fx-confetti{animation:none}.fx-shake{animation:shake .6s ease-in-out}.fx-trapdoor{animation:trapdoor .8s ease-in forwards}.fx-spotlight{animation:spotlight .5s ease-out}.fx-pulse-glow{animation:pulse-glow 1.5s ease-in-out 2}.fx-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999}.fx-flash{background:#fff9;animation:flash-in .6s ease-out forwards}.fx-confetti-overlay{overflow:hidden}.fx-confetti-particle{position:absolute;top:-10px;width:10px;height:10px;border-radius:2px;animation:confetti-fall 2s ease-in forwards}.sound-toggle{background:transparent;border:1px solid var(--border-input);border-radius:var(--r-lg);padding:6px 10px;cursor:pointer;font-size:var(--fs-lg);line-height:1;transition:border-color .2s}.sound-toggle:hover{border-color:var(--text-muted)}.poll-card{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--r-lg);padding:var(--sp-md);margin-bottom:var(--sp-sm)}.poll-card-active{border-color:var(--color-primary)}.poll-card-closed{opacity:.6}.poll-card-guest{max-width:500px;margin-left:auto;margin-right:auto}.poll-card-voted{border-color:var(--color-success)}.poll-question{font-weight:600;font-size:var(--fs-md);margin-bottom:var(--sp-sm);color:var(--text-primary)}.poll-option{position:relative;padding:6px 10px;margin-bottom:4px;border-radius:var(--r-sm);background:var(--bg-raised);overflow:hidden}.poll-option-bar{position:absolute;top:0;left:0;height:100%;background:var(--color-primary);opacity:.15;border-radius:var(--r-sm);transition:width .5s ease}.poll-option-content{position:relative;display:flex;justify-content:space-between;align-items:center;z-index:1}.poll-vote-btn{position:relative;display:block;width:100%;padding:10px 14px;margin-bottom:6px;border-radius:var(--r-md);background:var(--bg-raised);border:1px solid var(--border-input);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:var(--fs-base);text-align:left;overflow:hidden;transition:border-color .2s,background .2s}.poll-vote-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--bg-surface-alt)}.poll-vote-btn-voted{cursor:default;border-color:var(--border-card)}.poll-voted-msg{text-align:center;font-size:var(--fs-sm);color:var(--color-success);font-weight:600;margin-top:var(--sp-xs)}@keyframes vote-pop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.poll-voted-msg-anim{animation:vote-pop .4s ease}.guest-poll-area{margin-top:var(--sp-md)}.polls-yt-tab{display:flex;flex-direction:column;height:100%;overflow-y:auto}.polls-locked{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--sp-xl) var(--sp-lg);background:var(--bg-surface);border-radius:var(--r-md);border:1px dashed var(--border-default)}.yt-chat-panel{display:flex;flex-direction:column;height:100%}.yt-chat-header{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-sm) var(--sp-md);border-bottom:1px solid var(--border-default)}.yt-status-dot{display:inline-block;width:8px;height:8px;border-radius:var(--r-circle)}.yt-status-live{background:red;animation:pulse-glow-yt 1.5s ease-in-out infinite}@keyframes pulse-glow-yt{0%,to{box-shadow:0 0 2px red}50%{box-shadow:0 0 8px red}}.yt-stream-title{padding:var(--sp-xs) var(--sp-md);font-size:var(--fs-2xs);color:var(--text-muted);border-bottom:1px solid var(--border-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yt-connect-form{padding:var(--sp-sm) var(--sp-md);border-bottom:1px solid var(--border-default)}.yt-error{padding:var(--sp-xs) var(--sp-md);background:var(--bg-danger);color:var(--color-danger);font-size:var(--fs-2xs)}.yt-vote-help{padding:var(--sp-xs) var(--sp-md);background:var(--bg-surface-alt);border-bottom:1px solid var(--border-default)}.yt-vote-help code{background:var(--bg-raised);padding:1px 4px;border-radius:var(--r-xs);font-size:var(--fs-xs)}.yt-chat-messages{flex:1;overflow-y:auto;padding:var(--sp-xs) var(--sp-sm);display:flex;flex-direction:column;gap:2px}.yt-chat-msg{display:flex;align-items:flex-start;gap:var(--sp-xs);padding:3px 6px;border-radius:var(--r-sm);font-size:var(--fs-sm);line-height:1.4}.yt-chat-msg:hover{background:var(--bg-surface-alt)}.yt-chat-msg-vote{background:var(--bg-surface-alt);border-left:2px solid var(--color-primary)}.yt-chat-avatar{width:20px;height:20px;border-radius:var(--r-circle);flex-shrink:0;margin-top:2px}.yt-chat-author{font-weight:600;color:var(--text-secondary);margin-right:var(--sp-xs);white-space:nowrap}.yt-chat-text{color:var(--text-primary);word-break:break-word}.yt-chat-msg-donation{background:var(--bg-surface-alt);border-left:3px solid var(--color-warning);padding:6px 8px;border-radius:var(--r-sm);animation:donation-flash .6s ease}.yt-chat-author-donation{color:var(--color-warning)}.yt-donation-badge{display:inline-block;background:var(--color-warning);color:var(--text-on-accent);font-size:var(--fs-2xs);font-weight:700;padding:1px 6px;border-radius:var(--r-lg);white-space:nowrap}@keyframes donation-flash{0%{background:#ffc10740}to{background:var(--bg-surface-alt)}}.landing-page{padding:var(--sp-4xl);max-width:500px;margin:80px auto;text-align:center}.landing-title{margin-bottom:10px;font-size:var(--fs-4xl)}.landing-subtitle{color:var(--text-muted);margin-bottom:var(--sp-4xl)}.landing-user-card{background:var(--bg-success);padding:var(--sp-lg);border-radius:var(--r-xl);margin-bottom:var(--sp-2xl);display:flex;align-items:center;justify-content:center;gap:var(--sp-md)}.landing-user-card-verified{background:var(--bg-success);padding:var(--sp-lg);border-radius:var(--r-lg);margin-bottom:var(--sp-xl);display:flex;align-items:center;gap:var(--sp-md);border:1px solid var(--color-success)}.landing-how-it-works{margin-top:60px;padding:var(--sp-xl);background:var(--bg-surface);border-radius:var(--r-xl);text-align:left}.host-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.host-main{flex:1;overflow:auto;padding:var(--sp-xl)}.host-sidebar{width:340px;flex-shrink:0;border-left:1px solid var(--border-default);display:flex;flex-direction:column;background:var(--bg-surface-alt)}.host-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-lg);flex-wrap:wrap;gap:var(--sp-md)}.host-live-section{margin-bottom:var(--sp-lg);background:var(--bg-success-deep);padding:var(--sp-lg);border-radius:var(--r-lg);border:2px solid var(--color-success)}.host-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-lg)}.tab-bar{display:flex;border-bottom:1px solid var(--border-default);flex-shrink:0}.tab-btn{flex:1;padding:var(--sp-md) 0;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-faint);cursor:pointer;font-size:var(--fs-base);font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s;font-family:inherit}.tab-btn-active{background:var(--bg-surface);color:var(--text-primary)}.tab-btn-icon{font-size:15px}.tab-content{flex:1;overflow:auto;display:flex;flex-direction:column}.screener-layout{padding:var(--sp-xl);max-width:1600px;margin:0 auto}.screener-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-lg);flex-wrap:wrap;gap:var(--sp-md)}.screener-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp-lg)}.guest-form{padding:var(--sp-4xl);max-width:400px;margin:60px auto;text-align:center}.obs-fullscreen{width:100vw;height:100vh;background:transparent}.obs-fullscreen-hidden{overflow:hidden}.obs-grid{display:grid;gap:2px;overflow:hidden}.obs-iframe{width:100%;height:100%;border:none}.live-guest-card{background:var(--bg-video);border-radius:var(--r-lg);overflow:hidden}.live-guest-card-mod{border:2px solid var(--color-mod)}.live-guest-card-normal{border:2px solid var(--color-success)}.live-guest-video{aspect-ratio:16/9;position:relative}.live-guest-video iframe{width:100%;height:100%;border:none}.live-guest-footer{padding:10px;display:flex;justify-content:space-between;align-items:center;background:var(--bg-surface-alt)}.live-guests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:12px}.live-guests-list{display:flex;flex-direction:column;gap:8px}.live-guest-row{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-sm) var(--sp-md);background:var(--bg-surface);border-radius:var(--r-md);border-left:3px solid var(--color-success)}.live-guest-row-mod{border-left-color:var(--color-mod)}.live-guest-row-info{display:flex;align-items:center;gap:var(--sp-sm)}.live-guest-mic{font-size:var(--fs-lg)}.live-guest-row-actions{display:flex;align-items:center;gap:var(--sp-xs)}.settings-row{display:flex;align-items:center;gap:var(--sp-xl);flex-wrap:wrap}.settings-group{display:flex;align-items:center;gap:var(--sp-sm)}.settings-label{font-size:var(--fs-base);font-weight:600;white-space:nowrap}.settings-value{background:var(--bg-raised);padding:2px var(--sp-sm);border-radius:var(--r-sm);font-weight:700;font-size:var(--fs-base);min-width:26px;text-align:center}.column-section{background:var(--bg-surface);padding:var(--sp-lg);border-radius:var(--r-lg)}.column-empty{color:var(--text-faint);font-size:var(--fs-md)}.obs-compositor-wrapper{width:100vw;height:100vh;position:relative;overflow:hidden}.obs-overlay-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.obs-dimension-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:12px 20px;border-radius:8px;font-size:14px;font-family:system-ui,sans-serif;z-index:100}.overlay-slot{position:absolute;pointer-events:none}.obs-hidden-iframes{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.guest-icons-tiktok{display:flex;flex-direction:row;align-items:flex-end;gap:6px}.guest-icons-column{display:flex;flex-direction:column;gap:6px}.guest-icon-tile{width:var(--tile-size, 72px);height:var(--tile-size, 72px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;border:2px solid rgba(255,255,255,.08);transition:border-color .25s,box-shadow .25s}.guest-icon-speaking{border-color:var(--icon-accent, #888);box-shadow:0 0 10px var(--icon-accent, #888),0 0 22px color-mix(in srgb,var(--icon-accent, #888) 35%,transparent)}.guest-icon-avatar{width:48%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffff14,#ffffff05);border:2px solid rgba(255,255,255,.12);transition:border-color .25s,transform .3s}.guest-icon-avatar-speaking{border-color:var(--icon-accent, #888);animation:avatar-pulse 1.4s ease-in-out infinite}.guest-icon-emoji{font-size:calc(var(--tile-size, 72px) * .28);line-height:1}.guest-icon-name{color:#fff;font-weight:600;font-size:calc(var(--tile-size, 72px) * .14);line-height:1.2;max-width:88%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes avatar-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.scene-preview{margin-bottom:var(--sp-md)}.scene-preview-canvas{position:relative;width:100%;aspect-ratio:16/9;background:var(--bg-video, #111);border-radius:var(--r-md);border:1px solid var(--border-default);overflow:hidden}.scene-preview-slot{position:absolute;background:#9c27b04d;border:1px solid rgba(156,39,176,.6);border-radius:4px;padding:2px 6px;color:#ce93d8;font-weight:600}.icon-picker{margin-bottom:var(--sp-sm)}.icon-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.icon-picker-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;background:var(--bg-raised, #1a1a2e);border:2px solid var(--border-default, #333);border-radius:var(--r-md);cursor:pointer;transition:border-color .15s,box-shadow .15s;font-family:inherit;color:inherit}.icon-picker-item:hover{border-color:var(--text-muted)}.icon-picker-item-selected{border-width:2px}.icon-picker-emoji{font-size:20px;line-height:1}.icon-picker-label{font-size:10px;color:var(--text-muted);line-height:1}.guest-icon-pill-mini{display:flex;align-items:center;gap:4px;padding:2px 8px;background:var(--bg-raised);border:1px solid var(--border-default);border-radius:999px;transition:border-color .2s}.guest-icon-speaking-mini{border-width:2px}.donation-alert{display:flex;min-width:280px;max-width:420px;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #00000080}.donation-alert-compact{min-width:200px;max-width:320px}.donation-alert-accent{width:5px;flex-shrink:0}.donation-alert-body{padding:14px 18px;display:flex;flex-direction:column;gap:4px}.donation-alert-amount{font-size:22px;font-weight:800;line-height:1.1}.donation-alert-compact .donation-alert-amount{font-size:18px}.donation-alert-name{font-size:14px;font-weight:600;color:#fff}.donation-alert-compact .donation-alert-name{font-size:12px}.donation-alert-message{font-size:13px;color:#ffffffb3;line-height:1.3;margin-top:2px}.donation-alert-in{animation:donation-slide-in .4s ease-out forwards}.donation-alert-out{animation:donation-slide-out .4s ease-in forwards}@keyframes donation-slide-in{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes donation-slide-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}.poll-results-card{position:relative;min-width:300px;max-width:420px;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:16px 20px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #00000080}.poll-results-question{font-size:16px;font-weight:700;color:#fff;margin-bottom:12px;line-height:1.3}.poll-results-bars{display:flex;flex-direction:column;gap:8px}.poll-results-row{display:flex;align-items:center;gap:8px}.poll-results-label{min-width:90px;display:flex;justify-content:space-between;gap:6px;font-size:13px;font-weight:600;color:#ffffffd9}.poll-results-pct{color:#ffffff80;font-weight:400;font-size:12px}.poll-results-bar-track{flex:1;height:14px;background:#ffffff14;border-radius:7px;overflow:hidden}.poll-results-bar-fill{height:100%;border-radius:7px;animation:poll-bar-grow .8s ease-out forwards;transform-origin:left}.poll-results-votes{font-size:12px;color:#ffffff80;min-width:24px;text-align:right}.poll-results-winner .poll-results-label{color:#4caf50}.poll-results-total{margin-top:8px;font-size:11px;color:#fff6;text-align:right}.poll-results-in{animation:poll-results-fade-in .5s ease-out forwards}.poll-results-out{animation:poll-results-fade-out .5s ease-in forwards}@keyframes poll-bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes poll-results-fade-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes poll-results-fade-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}.device-selector{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-lg);padding:var(--sp-lg)}.device-selector-content{display:flex;flex-direction:column;gap:var(--sp-md)}.device-selector-row{display:flex;flex-direction:column;gap:var(--sp-xs)}.device-selector-row label{font-weight:500}.device-selector-row select{width:100%;padding:var(--sp-sm) var(--sp-md);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--r-md);color:var(--text-primary);font-size:var(--fs-base)}.device-selector-row select:focus{outline:none;border-color:var(--color-primary)}.device-selector-actions{display:flex;justify-content:flex-end;gap:var(--sp-sm);margin-top:var(--sp-sm)}.device-selector-loading,.device-selector-error{text-align:center;padding:var(--sp-xl)}.live-timer{font-family:monospace;font-size:var(--fs-lg);color:var(--text-muted);background:var(--bg-surface-alt);padding:var(--sp-xs) var(--sp-sm);border-radius:var(--r-sm)}.participant-volume-panel{background:var(--bg-surface);border-radius:var(--r-lg);padding:var(--sp-lg);max-width:400px;margin:0 auto}.participant-volume-row{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-sm) 0;border-bottom:1px solid var(--border-subtle)}.participant-volume-row:last-child{border-bottom:none}.volume-slider{width:100px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-input);border-radius:2px;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--color-primary);border-radius:50%;cursor:pointer}.volume-slider::-moz-range-thumb{width:14px;height:14px;background:var(--color-primary);border-radius:50%;cursor:pointer;border:none}.w-8{width:32px;text-align:right}.scene-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--sp-lg)}.scene-modal-expanded{background:var(--bg-surface);border-radius:var(--r-xl);box-shadow:0 8px 32px #00000080;width:1100px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.scene-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-md) var(--sp-lg);border-bottom:1px solid var(--border-default);flex-shrink:0}.scene-modal-body{display:flex;gap:var(--sp-lg);padding:var(--sp-lg);overflow:hidden;flex:1;min-height:0}.scene-modal-preview{flex:1;min-width:0;display:flex;flex-direction:column}.scene-preview-label{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--sp-sm);font-weight:600}.scene-iframe-container{border-radius:var(--r-md);overflow:hidden;position:relative;border:2px solid var(--border-default);background:repeating-linear-gradient(-45deg,#1a1a1a,#1a1a1a 8px,#222 8px,#222 16px)}.scene-iframe{display:block;border:none}.scene-iframe-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.scene-modal-settings{width:320px;flex-shrink:0;overflow-y:auto;padding-right:var(--sp-sm)}.scene-preview-guest{width:20px;height:20px;border-radius:3px;background:var(--bg-raised);display:flex;align-items:center;justify-content:center;font-size:10px;border:1px solid var(--border-default);color:var(--text-primary)}.scene-preview-guest.speaking{border-color:var(--color-success);box-shadow:0 0 4px var(--color-success);background:var(--bg-success)}.scene-preview-guest.placeholder{opacity:.5;border:1px dashed var(--border-muted);background:transparent;color:var(--text-muted)}.btn-scene-setup{display:flex;align-items:center;gap:var(--sp-xs)}.live-status-strip{display:flex;flex-direction:column;gap:6px}.live-status-row{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-sm) var(--sp-md);background:var(--bg-surface);border-radius:var(--r-md);border-left:3px solid var(--color-success);transition:background .15s}.live-status-row:hover{background:var(--bg-raised)}.live-status-row-mod{border-left-color:var(--color-mod)}.live-status-row-speaking{background:var(--bg-success)}.live-status-info{display:flex;align-items:center;gap:var(--sp-sm);min-width:0;flex:1}.live-status-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.live-status-indicator.speaking{background:var(--color-success);box-shadow:0 0 6px var(--color-success);animation:pulse-speaking 1s infinite}.live-status-indicator.muted{background:var(--color-danger)}.live-status-indicator.silent{background:var(--text-muted)}@keyframes pulse-speaking{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.live-status-actions{display:flex;align-items:center;gap:var(--sp-xs);flex-shrink:0}.volume-control{display:flex;align-items:center;gap:var(--sp-xs);background:var(--bg-raised);padding:2px 6px;border-radius:var(--r-md)}.volume-slider{width:60px;height:4px;accent-color:var(--color-primary);cursor:pointer}.volume-slider:disabled{opacity:.4;cursor:not-allowed}.background-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.background-overlay-image{width:100%;height:100%;object-fit:cover}.custom-fx-overlay{position:relative;display:flex;align-items:center;justify-content:center}.custom-fx-media{max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 8px 32px #00000080}.custom-fx-lock-icon{position:absolute;top:8px;right:8px;font-size:16px;background:#0009;padding:4px 8px;border-radius:4px}.custom-fx-in{animation:custom-fx-fade-in .5s ease-out forwards}.custom-fx-out{animation:custom-fx-fade-out .5s ease-in forwards}@keyframes custom-fx-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes custom-fx-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.timer-fx-overlay{display:flex;align-items:center;gap:8px;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px;padding:8px 16px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 16px #0006;font-family:system-ui,-apple-system,sans-serif}.timer-fx-minimal{padding:6px 12px}.timer-fx-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border:none}.timer-fx-full{padding:12px 20px;gap:12px}.timer-fx-lock-icon{font-size:14px;opacity:.7}.timer-fx-label{font-size:13px;font-weight:600;color:#ffffffe6;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timer-fx-time{font-size:18px;font-weight:700;color:#fff;font-family:SF Mono,Menlo,monospace;letter-spacing:.5px}.timer-fx-full .timer-fx-time{font-size:24px}.timer-fx-in{animation:timer-fx-slide-in .4s ease-out forwards}.timer-fx-out{animation:timer-fx-slide-out .4s ease-in forwards}@keyframes timer-fx-slide-in{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes timer-fx-slide-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}.poll-results-live{border:2px solid #4caf50;box-shadow:0 0 20px #4caf504d}.poll-results-locked{border:2px solid #ff9800}.poll-lock-icon{position:absolute;top:8px;right:8px;font-size:14px}.poll-live-badge{position:absolute;top:8px;left:8px;background:#4caf50;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;letter-spacing:.5px;animation:live-pulse 1.5s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.7}}.anchor-grid{display:flex;flex-direction:column;gap:2px;padding:4px;background:var(--bg-raised);border-radius:6px;border:1px solid var(--border-default)}.anchor-grid-row{display:flex;gap:2px}.anchor-grid-cell{width:18px;height:18px;border:none;border-radius:3px;background:var(--bg-surface);cursor:pointer;transition:all .15s;padding:0}.anchor-grid-cell:hover:not(:disabled){background:var(--color-primary);opacity:.7}.anchor-grid-active{background:var(--color-primary)!important;box-shadow:0 0 0 2px var(--color-primary-alpha)}.anchor-grid-disabled{background:transparent;cursor:default;opacity:.2}.media-library{background:var(--bg-raised);border-radius:8px;border:1px solid var(--border-default);overflow:hidden}.media-library-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border-default);background:var(--bg-surface)}.media-library-error{padding:8px 12px;background:#f443361a;color:#f44336;font-size:12px}.media-library-grid{display:flex;flex-wrap:wrap;gap:8px;padding:12px;min-height:80px;max-height:160px;overflow-y:auto;transition:background .2s}.media-library-dragover{background:#6366f11a;outline:2px dashed var(--color-primary);outline-offset:-4px}.media-library-empty{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;padding:16px;text-align:center}.media-library-item{position:relative;width:64px;height:64px;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .15s}.media-library-item:hover{border-color:var(--color-primary);transform:scale(1.05)}.media-library-selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.media-library-thumb{width:100%;height:100%;object-fit:cover}.media-library-delete{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#000000b3;color:#fff;border:none;font-size:14px;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s;display:flex;align-items:center;justify-content:center}.media-library-item:hover .media-library-delete{opacity:1}.media-library-delete:hover{background:#f44336}.media-library-badge{position:absolute;bottom:2px;left:2px;background:#000000b3;color:#fff;font-size:8px;font-weight:700;padding:2px 4px;border-radius:3px;letter-spacing:.5px}.fx-hotkey-bar{display:flex;align-items:center;gap:var(--sp-lg);padding:var(--sp-md) var(--sp-lg);background:var(--bg-surface);border-radius:var(--r-lg);margin-bottom:var(--sp-lg);border:1px solid var(--border-default);flex-wrap:wrap}.fx-hotkey-group{display:flex;align-items:center;gap:var(--sp-sm)}.fx-hotkey-label{font-size:var(--fs-sm);font-weight:600;color:var(--text-muted);min-width:60px}.fx-hotkey-group .btn{min-width:56px}.fx-hotkey-divider{width:1px;height:28px;background:var(--border-default)}.fx-hotkey-active{background:var(--bg-success);border-color:var(--color-success)}.fx-hotkey-active .fx-hotkey-label{color:var(--color-success)}.guest-dashboard{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-base)}.guest-top-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-sm) var(--sp-lg);background:var(--bg-surface);border-bottom:1px solid var(--border-default);flex-shrink:0}.guest-top-bar-left,.guest-top-bar-right{display:flex;align-items:center;gap:var(--sp-md)}.live-indicator{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-danger);border-radius:var(--r-md);font-weight:700;font-size:var(--fs-sm);color:var(--color-danger);text-transform:uppercase;letter-spacing:.5px}.live-indicator-screening{background:var(--bg-warning);color:var(--color-warning)}.live-indicator-approved{background:var(--bg-primary);color:var(--color-primary)}.live-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:live-dot-pulse 1.5s ease-in-out infinite}@keyframes live-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.timer-badge{font-family:SF Mono,Menlo,monospace;font-size:var(--fs-base);font-weight:600;color:var(--text-secondary);background:var(--bg-raised);padding:4px 10px;border-radius:var(--r-md)}.room-badge{display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--text-muted)}.room-badge-icon{font-size:var(--fs-base)}.connection-status{display:flex;align-items:center;gap:4px;font-size:var(--fs-sm);font-weight:500}.connection-status-good{color:var(--color-success)}.connection-status-fair{color:var(--color-warning)}.connection-status-poor{color:var(--color-danger)}.guest-main-content{flex:1;display:flex;padding:var(--sp-xl);gap:var(--sp-xl);overflow:hidden}.guest-center-column{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.guest-status-card{width:100%;max-width:500px;background:var(--bg-surface);border-radius:var(--r-xl);padding:var(--sp-2xl);text-align:center;border:1px solid var(--border-default)}.guest-status-card-live{border-color:var(--color-success);box-shadow:0 0 20px #4caf5026}.guest-status-card-screening{border-color:var(--color-warning);box-shadow:0 0 20px #ff980026}.guest-status-card-approved{border-color:var(--color-primary);box-shadow:0 0 20px #6366f126}.status-headline{font-size:var(--fs-2xl);font-weight:700;margin-bottom:var(--sp-xs)}.status-headline-live{color:var(--color-success)}.status-headline-screening{color:var(--color-warning)}.status-headline-approved{color:var(--color-primary)}.status-subtext{font-size:var(--fs-base);color:var(--text-muted);margin-bottom:var(--sp-xl)}.status-subtext-live{color:var(--color-success)}.mute-button-large{display:flex;align-items:center;justify-content:center;gap:var(--sp-sm);width:100%;padding:var(--sp-lg) var(--sp-xl);border-radius:var(--r-lg);font-size:var(--fs-lg);font-weight:600;cursor:pointer;border:2px solid transparent;transition:all .2s;font-family:inherit}.mute-button-unmuted{background:var(--bg-success);color:var(--color-success);border-color:var(--color-success)}.mute-button-unmuted:hover{background:var(--color-success);color:#fff}.mute-button-muted{background:var(--bg-danger);color:var(--color-danger);border-color:var(--color-danger)}.mute-button-muted:hover{background:var(--color-danger);color:#fff}.mute-button-large:disabled{opacity:.5;cursor:not-allowed}.mute-button-icon{font-size:var(--fs-xl)}.audio-level-meter{display:flex;align-items:center;gap:2px;height:24px;padding:var(--sp-sm) var(--sp-md);background:var(--bg-raised);border-radius:var(--r-md);margin-top:var(--sp-md)}.audio-level-segment{flex:1;height:100%;background:var(--bg-input);border-radius:2px;transition:background .1s}.audio-level-segment-active-low{background:var(--color-success)}.audio-level-segment-active-mid{background:var(--color-warning)}.audio-level-segment-active-high{background:var(--color-danger)}.mic-status{display:flex;align-items:center;justify-content:center;gap:var(--sp-xs);font-size:var(--fs-sm);color:var(--text-muted);margin-top:var(--sp-sm)}.mic-status-on{color:var(--color-success)}.mic-status-off{color:var(--color-danger)}.status-tip{margin-top:var(--sp-xl);padding:var(--sp-md);background:var(--bg-raised);border-radius:var(--r-md);font-size:var(--fs-sm);color:var(--text-muted)}.status-tip-icon{margin-right:var(--sp-xs)}.participants-sidebar{width:280px;flex-shrink:0;background:var(--bg-surface);border-radius:var(--r-xl);border:1px solid var(--border-default);display:flex;flex-direction:column;overflow:hidden;transition:transform .3s,opacity .3s}.participants-sidebar-hidden{transform:translate(100%);opacity:0;pointer-events:none;width:0;margin:0;padding:0}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-md) var(--sp-lg);border-bottom:1px solid var(--border-default);flex-shrink:0}.sidebar-title{font-size:var(--fs-base);font-weight:600}.sidebar-hide-btn{font-size:var(--fs-sm);color:var(--text-muted);background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--r-sm);font-family:inherit}.sidebar-hide-btn:hover{background:var(--bg-raised);color:var(--text-primary)}.sidebar-tabs{display:flex;border-bottom:1px solid var(--border-default);flex-shrink:0}.sidebar-tab{flex:1;padding:var(--sp-sm) var(--sp-md);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:var(--fs-sm);font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .15s;font-family:inherit}.sidebar-tab:hover{color:var(--text-primary);background:var(--bg-raised)}.sidebar-tab-active{color:var(--text-primary);border-bottom-color:var(--color-primary)}.sidebar-tab-badge{background:var(--color-danger);color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:10px;min-width:16px;text-align:center}.sidebar-content{flex:1;overflow-y:auto;padding:var(--sp-md)}.participant-row{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-sm) var(--sp-md);background:var(--bg-raised);border-radius:var(--r-md);margin-bottom:var(--sp-xs)}.participant-info{display:flex;align-items:center;gap:var(--sp-sm);min-width:0;flex:1}.participant-mic{font-size:var(--fs-base);flex-shrink:0}.participant-mic-on{color:var(--color-success)}.participant-mic-off{color:var(--color-danger)}.participant-name{font-size:var(--fs-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-badge{color:var(--color-mod);font-size:var(--fs-sm);flex-shrink:0}.participant-badge.host-badge{background:var(--bg-accent);color:var(--text-on-accent);padding:2px 6px;border-radius:4px;font-size:var(--fs-2xs);font-weight:600}.participant-row-host{background:var(--bg-card-highlight);border-left:3px solid var(--bg-accent)}.participant-volume{display:flex;align-items:center;gap:var(--sp-xs);flex-shrink:0}.participant-volume-slider{width:60px}.participant-volume-label{font-size:10px;color:var(--text-muted);width:32px;text-align:right}.sidebar-empty{text-align:center;color:var(--text-muted);font-size:var(--fs-sm);padding:var(--sp-xl)}.sidebar-show-btn{position:fixed;right:var(--sp-lg);top:50%;transform:translateY(-50%);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);padding:var(--sp-sm) var(--sp-md);cursor:pointer;font-size:var(--fs-sm);color:var(--text-muted);z-index:10;font-family:inherit}.sidebar-show-btn:hover{background:var(--bg-raised);color:var(--text-primary)}.sidebar-whisper-list{display:flex;flex-direction:column;gap:var(--sp-sm)}.sidebar-whisper-item{background:var(--bg-raised);border-radius:var(--r-md);padding:var(--sp-sm) var(--sp-md)}.sidebar-whisper-meta{display:flex;align-items:center;gap:var(--sp-xs);font-size:11px;color:var(--text-muted);margin-bottom:4px}.sidebar-whisper-sender{font-weight:600}.sidebar-whisper-sender-host{color:var(--color-danger)}.sidebar-whisper-sender-screener{color:var(--color-screening)}.sidebar-whisper-text{font-size:var(--fs-sm);color:var(--text-secondary)}.sidebar-whisper-reply{margin-top:var(--sp-xs);padding-top:var(--sp-xs);border-top:1px solid var(--border-subtle)}.sidebar-whisper-reply-sent{font-size:var(--fs-sm);color:var(--color-success)}.sidebar-whisper-reply-input{display:flex;gap:var(--sp-xs);margin-top:var(--sp-xs)}.sidebar-poll-list{display:flex;flex-direction:column;gap:var(--sp-md)}.sidebar-poll-item{background:var(--bg-raised);border-radius:var(--r-md);padding:var(--sp-md)}.sidebar-poll-question{font-size:var(--fs-sm);font-weight:600;margin-bottom:var(--sp-sm)}.sidebar-poll-options{display:flex;flex-direction:column;gap:var(--sp-xs)}.sidebar-poll-option{position:relative;padding:var(--sp-sm) var(--sp-md);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-sm);font-size:var(--fs-sm);cursor:pointer;overflow:hidden;transition:all .15s;font-family:inherit;text-align:left;color:var(--text-primary)}.sidebar-poll-option:hover:not(:disabled){border-color:var(--color-primary)}.sidebar-poll-option:disabled{cursor:default}.sidebar-poll-option-bar{position:absolute;left:0;top:0;bottom:0;background:var(--color-primary-alpha);transition:width .5s ease-out}.sidebar-poll-option-content{position:relative;display:flex;justify-content:space-between;align-items:center}.sidebar-poll-voted{text-align:center;font-size:var(--fs-sm);color:var(--color-success);padding:var(--sp-xs)}.guest-control-bar{display:flex;align-items:center;justify-content:center;gap:var(--sp-md);padding:var(--sp-md) var(--sp-xl);background:var(--bg-surface);border-top:1px solid var(--border-default);flex-shrink:0}.control-bar-button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--sp-sm) var(--sp-md);background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--r-md);cursor:pointer;transition:all .15s;min-width:64px;font-family:inherit;color:var(--text-primary)}.control-bar-button:hover{background:var(--bg-input);border-color:var(--text-muted)}.control-bar-button-active{background:var(--bg-primary);border-color:var(--color-primary);color:var(--color-primary)}.control-bar-button-muted{background:var(--bg-danger);border-color:var(--color-danger);color:var(--color-danger)}.control-bar-icon{font-size:var(--fs-xl)}.control-bar-label{font-size:11px;font-weight:500}.control-bar-leave{background:var(--bg-danger);border-color:var(--color-danger);color:var(--color-danger)}.control-bar-leave:hover{background:var(--color-danger);color:#fff}.control-bar-divider{width:1px;height:40px;background:var(--border-default)}.live-actions-menu{position:relative}.live-actions-trigger{font-size:18px;font-weight:700;min-width:32px;padding:4px 8px}.live-actions-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99}.live-actions-dropdown{position:absolute;right:0;top:100%;margin-top:4px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--r-md);box-shadow:0 4px 16px #0000004d;min-width:140px;z-index:100;overflow:hidden}.live-actions-item{display:flex;align-items:center;gap:var(--sp-sm);width:100%;padding:var(--sp-sm) var(--sp-md);background:none;border:none;text-align:left;font-size:var(--fs-sm);font-family:inherit;color:var(--text-primary);cursor:pointer;transition:background .15s}.live-actions-item:hover{background:var(--bg-raised)}.live-actions-item-warning:hover{background:var(--bg-warning);color:var(--color-warning)}.live-actions-item-danger:hover{background:var(--bg-danger);color:var(--color-danger)}.live-actions-icon{font-size:var(--fs-base);width:20px;text-align:center}.live-actions-chevron{margin-left:auto;font-size:10px;color:var(--text-muted)}.live-actions-ban-options{border-top:1px solid var(--border-default);background:var(--bg-raised)}.live-actions-ban-item{display:block;width:100%;padding:var(--sp-xs) var(--sp-md);padding-left:36px;background:none;border:none;text-align:left;font-size:var(--fs-sm);font-family:inherit;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s}.live-actions-ban-item:hover{background:var(--bg-danger);color:var(--color-danger)}.host-content-wrapper{display:flex;flex:1;overflow:hidden}.host-control-bar{display:flex;align-items:center;justify-content:center;gap:var(--sp-md);padding:var(--sp-sm) var(--sp-xl);background:var(--bg-surface);border-top:1px solid var(--border-default);flex-shrink:0}.host-control-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--sp-xs) var(--sp-md);background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--r-md);cursor:pointer;transition:all .15s;min-width:70px;font-family:inherit;color:var(--text-primary)}.host-control-btn:hover:not(:disabled){background:var(--bg-input);border-color:var(--text-muted)}.host-control-btn:disabled{opacity:.4;cursor:not-allowed}.host-control-btn-active{background:var(--bg-primary);border-color:var(--color-primary);color:var(--color-primary)}.host-control-btn-locked{background:var(--bg-warning);border-color:var(--color-warning);color:var(--color-warning)}.host-control-btn-danger{background:var(--bg-danger);border-color:var(--color-danger);color:var(--color-danger)}.host-control-btn-danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.host-control-icon{font-size:var(--fs-lg)}.host-control-label{font-size:10px;font-weight:500}.host-control-slider-group{display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-xs) var(--sp-md);background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--r-md)}.host-control-slider{width:80px;height:4px;accent-color:var(--color-primary)}.host-control-value{font-size:var(--fs-sm);font-weight:600;min-width:20px;text-align:center}.host-control-divider{width:1px;height:32px;background:var(--border-default)}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-page);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}h1,h2,h3{margin-top:0}button,input,textarea{font-family:inherit}