:root{--bg-deepest: #0e0e10;--bg-page: #141416;--bg-panel: #1a1a1d;--bg-card: #252528;--bg-elevated: #303033;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .12);--color-accent: #ef4444;--color-accent-hover: #dc2626;--color-accent-soft: rgba(239, 68, 68, .15);--color-accent-soft-hover: rgba(239, 68, 68, .25);--color-accent-text: #f87171;--color-green: #10b981;--color-green-hover: #059669;--color-green-soft: rgba(16, 185, 129, .15);--color-green-soft-hover: rgba(16, 185, 129, .25);--color-green-text: #34d399;--color-amber: #f59e0b;--color-amber-hover: #d97706;--color-amber-soft: rgba(245, 158, 11, .15);--color-amber-soft-hover: rgba(245, 158, 11, .25);--color-amber-text: #fbbf24;--color-blue: #0ea5e9;--color-blue-hover: #0284c7;--color-blue-soft: rgba(14, 165, 233, .15);--color-blue-soft-hover: rgba(14, 165, 233, .25);--color-blue-text: #38bdf8;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-timer: "Source Sans 3", "Source Sans Pro", sans-serif;--text-xs: .7rem;--text-sm: .8rem;--text-base: .85rem;--text-lg: 1.1rem;--text-xl: 1.25rem;--text-2xl: 1.4rem;--text-3xl: 1.75rem;--text-4xl: 2.5rem;--text-5xl: 4rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .6);--shadow-glow-red: 0 0 20px rgba(239, 68, 68, .4);--shadow-glow-green: 0 0 20px rgba(16, 185, 129, .4);--shadow-glow-amber: 0 0 20px rgba(245, 158, 11, .4);--shadow-glow-blue: 0 0 20px rgba(14, 165, 233, .4);--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .3s ease;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 900;--z-modal: 1000;--z-tooltip: 1100;--z-toast: 1200}.glass{background:#141416b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-default);border-radius:var(--radius-xl)}.glass-light{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl)}.glass-heavy{background:#0e0e10d9;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl)}.glass-card{background:#1a1a1dcc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-default);border-radius:var(--radius-lg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--text-base);line-height:1.5;color:var(--text-primary);background-color:var(--bg-deepest);min-height:100vh}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{color:var(--text-secondary)}a{color:var(--color-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-blue-hover)}.btn{padding:10px 16px;border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-weight:600;font-size:var(--text-base);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-neutral{background:var(--bg-card);color:var(--text-primary)}.btn-neutral:hover:not(:disabled){background:var(--bg-elevated)}.btn-ghost{background:transparent;border:1px solid var(--color-accent);color:var(--color-accent-text)}.btn-ghost:hover:not(:disabled){background:var(--color-accent-soft)}.btn-soft{background:var(--color-accent-soft);color:var(--color-accent-text)}.btn-soft:hover:not(:disabled){background:var(--color-accent-soft-hover)}.btn-ghost-neutral{background:transparent;border:1px solid var(--border-strong);color:var(--text-secondary)}.btn-ghost-neutral:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.btn-green-ghost:hover:not(:disabled){background:var(--color-green-soft)}.btn-sm{padding:6px 12px;font-size:var(--text-sm)}.btn-lg{padding:14px 24px;font-size:var(--text-lg)}.btn-icon{padding:10px;aspect-ratio:1}.btn-icon.btn-sm{padding:6px}.btn-icon.btn-lg{padding:14px}input,select,textarea{font-family:var(--font-family);font-size:var(--text-base);padding:10px 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-1)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:var(--color-accent-soft);color:var(--color-accent-text)}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-accent)}.status-badge.live:before{animation:pulse 2s ease-in-out infinite}.status-badge.paused:before,.status-badge.ended:before,.status-badge.ready:before{animation:none}.status-badge.ready:before{background:var(--color-blue);animation:none}.status-badge.message{background:var(--color-accent);color:#fff;text-transform:none;letter-spacing:normal}.status-badge.message:before{display:none}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-red{color:var(--color-red-text)}.text-green{color:var(--color-green-text)}.text-amber{color:var(--color-amber-text)}.text-blue{color:var(--color-blue-text)}.bg-panel{background:var(--bg-panel)}.bg-card{background:var(--bg-card)}.bg-elevated{background:var(--bg-elevated)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animated-bg{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:-1;pointer-events:none}.bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float 20s ease-in-out infinite}.bg-orb-1{width:600px;height:600px;background:var(--color-accent);top:-200px;left:-100px;animation-delay:0s}.bg-orb-2{width:500px;height:500px;background:var(--color-accent);top:50%;right:-150px;animation-delay:-7s;opacity:.3}.bg-orb-3{width:400px;height:400px;background:var(--color-accent);bottom:-100px;left:30%;animation-delay:-14s;opacity:.4}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,10px) scale(1.02)}}@keyframes bulbGlow{0%,to{filter:drop-shadow(0 0 4px #10b981) drop-shadow(0 0 8px #10b981)}50%{filter:drop-shadow(0 0 6px #10b981) drop-shadow(0 0 12px #10b981) drop-shadow(0 0 16px #10b981)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-panel)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.status-bar{position:fixed;top:0;left:0;right:0;padding:12px 20px;text-align:center;font-weight:500;font-size:var(--text-sm);z-index:var(--z-toast);transform:translateY(-100%);transition:transform .3s ease}.status-bar.visible{transform:translateY(0)}.status-bar.success{background:var(--color-accent);color:#fff}.status-bar.error{background:var(--color-red);color:#fff}