:root{--bg-primary: #0a0a0c;--bg-secondary: #16161a;--accent-color: #6366f1;--accent-hover: #4f46e5;--text-primary: #f8fafc;--text-secondary: #94a3b8;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--danger-color: #ef4444;--success-color: #10b981}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%!important;width:100%!important;background-color:var(--bg-primary);color:var(--text-primary);overflow:hidden;font-family:Inter,-apple-system,system-ui,sans-serif}.glass-morphism{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px}.btn{padding:10px 20px;border-radius:12px;border:none;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--accent-color);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.btn-danger{background:var(--danger-color);color:#fff}.btn-ghost{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-ghost:hover{background:#ffffff1a}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden}.main-area{flex:1;display:flex;flex-direction:column;position:relative;background:var(--bg-primary);height:100%;overflow:hidden}.screen-share-content{flex:1;min-height:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem;padding:1rem;overflow-y:auto}.sidebar{width:260px;background:var(--bg-secondary);border-left:1px solid var(--glass-border);display:flex;flex-direction:column;transition:width .3s ease;height:100%;flex-shrink:0;z-index:10}.sidebar.hidden{width:0;overflow:hidden;border-left:none}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--glass-border);font-weight:700;font-size:1.1rem;display:flex;justify-content:space-between;align-items:center}.user-list{flex:1;overflow-y:auto;padding:1rem}.user-item{display:flex;flex-direction:column;gap:8px;padding:12px;margin-bottom:12px;border-radius:12px}.user-info{display:flex;justify-content:space-between;align-items:center}.user-name{font-weight:500;font-size:.95rem;color:var(--text-primary)}.user-controls{display:flex;gap:8px}.control-bar{height:70px;flex-shrink:0;padding:0 1.5rem;display:flex;justify-content:center;align-items:center;gap:1rem;background:#111;border-top:1px solid var(--glass-border);z-index:200}.video-card{aspect-ratio:16/9;position:relative;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000080}.video-label{position:absolute;top:12px;left:12px;background:#0009;padding:4px 10px;border-radius:6px;font-size:.75rem}.toggle-sidebar-btn{position:absolute;right:20px;top:20px;z-index:100;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);color:#fff;padding:8px;border-radius:8px;cursor:pointer}#root{width:100vw;height:100vh;padding:0;margin:0;max-width:none;text-align:left}