@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:#0f1115;--panel-bg:#191c2399;--panel-border:#ffffff14;--text-main:#f0f0f0;--text-muted:#8e95a5;--accent-color:#3b82f6;--accent-hover:#2563eb;--state-broadcast:#10b981;--state-production:#ef4444;--state-muted:#4b5563;--font-family:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-family);background-image:radial-gradient(circle at 15%,#3b82f61f,#0000 25%),radial-gradient(circle at 85% 30%,#10b9811f,#0000 25%);background-attachment:fixed;flex-direction:column;min-height:100vh;display:flex}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:16px;box-shadow:0 8px 32px #0000004d}.btn{background:var(--accent-color);color:#fff;cursor:pointer;font-size:1rem;font-weight:500;font-family:var(--font-family);border:none;border-radius:8px;padding:10px 20px;transition:all .2s}.btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}input{border:1px solid var(--panel-border);color:#fff;width:100%;font-size:1rem;font-family:var(--font-family);background:#0003;border-radius:8px;margin-bottom:16px;padding:12px 16px;transition:border-color .2s}input:focus{border-color:var(--accent-color);outline:none}label{color:var(--text-muted);margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.app-container{flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.login-container{text-align:center;width:100%;max-width:400px;padding:40px}.login-container h1{margin-bottom:30px;font-size:1.8rem;font-weight:600}.room-layout{flex-direction:row;gap:20px;width:100%;max-width:1400px;height:calc(100vh - 40px);display:flex}.video-section{flex-direction:column;flex:3;gap:20px;display:flex}.video-player-container{background:#000;border-radius:16px;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.video-player-container video{object-fit:contain;width:100%;height:100%}.controls-bar{justify-content:center;align-items:center;gap:16px;padding:20px;display:flex}.sidebar{flex-direction:column;flex:1;min-width:300px;padding:20px;display:flex}.user-list{flex:1;margin-top:20px;list-style:none;overflow-y:auto}.user-item{background:#ffffff08;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;transition:background .2s;display:flex}.user-item:hover{background:#ffffff0d}.user-name{align-items:center;gap:10px;font-weight:500;display:flex}.user-state-indicator{border-radius:50%;width:10px;height:10px}.state-broadcast .user-state-indicator{background:var(--state-broadcast);box-shadow:0 0 8px var(--state-broadcast)}.state-production .user-state-indicator{background:var(--state-production);box-shadow:0 0 8px var(--state-production)}.state-muted .user-state-indicator{background:var(--state-muted)}.state-muted .user-name{color:var(--text-muted)}.audio-btn{text-transform:uppercase;letter-spacing:.5px;border-radius:30px;padding:12px 24px;font-weight:600}.audio-btn.broadcast{background:var(--state-broadcast)}.audio-btn.production{background:var(--state-production)}.audio-btn.muted{background:var(--state-muted)}