@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;--bg-primary: #0a0a0f;--bg-secondary: rgba(15, 15, 25, .7);--bg-glass: rgba(20, 20, 35, .45);--border-glass: rgba(255, 255, 255, .08);--border-glass-active: rgba(168, 85, 247, .4);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent-purple: #a855f7;--accent-purple-glow: rgba(168, 85, 247, .15);--accent-cyan: #06b6d4;--accent-emerald: #10b981;--accent-rose: #f43f5e;--accent-amber: #f59e0b;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(168,85,247,.08) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(6,166,212,.08) 0%,transparent 40%);background-attachment:fixed}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:16px}.glass-card{background:#19192859;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-glass);border-radius:12px;transition:var(--transition-smooth)}.glass-card:hover{transform:translateY(-4px);border-color:var(--border-glass-active);box-shadow:0 10px 20px -10px var(--accent-purple-glow),0 0 1px 1px #a855f733}.glow-badge{padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:4px}.glow-badge-purple{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.glow-badge-cyan{background:#06b6d426;color:#22d3ee;border:1px solid rgba(6,182,212,.3)}.glow-badge-emerald{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.glow-badge-rose{background:#f43f5e26;color:#fb7185;border:1px solid rgba(244,63,94,.3)}.glow-badge-amber{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}button{cursor:pointer;transition:var(--transition-smooth)}.btn-primary{background:linear-gradient(135deg,var(--accent-purple),#c084fc);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:500;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 12px #a855f74d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #a855f780}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-glass);padding:10px 20px;border-radius:8px;font-weight:500;display:inline-flex;align-items:center;gap:8px}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a855f766}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.flex-center{display:flex;align-items:center;justify-content:center}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.8}}.pulse-glow-border{animation:pulseGlow 2s infinite ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.resizer-bar{position:relative;width:8px;cursor:col-resize;background:transparent;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:50;-webkit-user-select:none;user-select:none}.resizer-bar:after{content:"";width:2px;height:100%;background:var(--border-glass);transition:var(--transition-smooth)}.resizer-bar:hover:after,.resizer-bar.dragging:after{background:var(--accent-purple);box-shadow:0 0 8px var(--accent-purple)}.resizer-bar:hover,.resizer-bar.dragging{background:#a855f70d}.resizer-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background:#0d0d15;border:1px solid var(--border-glass);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 12px #0006;font-size:.7rem;font-weight:700;-webkit-user-select:none;user-select:none}.resizer-bar:hover .resizer-handle,.resizer-handle:hover{border-color:var(--accent-purple);color:#fff;box-shadow:0 0 10px #a855f766;transform:translate(-50%,-50%) scale(1.1)}.floating-bubble-cluster{position:absolute;display:flex;align-items:center;gap:8px;background:#141423a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);padding:6px;border-radius:30px;box-shadow:0 8px 32px #00000080,0 0 0 1px #a855f726;z-index:100;cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .2s,box-shadow .2s,background-color .2s}.floating-bubble-cluster:active{cursor:grabbing}.bubble-drag-handle{display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:grab;padding:0 4px 0 6px}.bubble-drag-handle:active{cursor:grabbing}.bubble-btn{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth)}.bubble-btn:hover{background:var(--accent-purple);color:#fff;transform:scale(1.1);box-shadow:0 0 12px var(--accent-purple-glow)}.bubble-btn.note-btn:hover{background:var(--accent-amber);box-shadow:0 0 12px #f59e0b66}.quick-note-popover{display:flex;align-items:center;gap:8px;background:#0f0f19f2;border:1px solid rgba(168,85,247,.3);padding:6px 10px;border-radius:20px;box-shadow:0 8px 32px #0009;margin-left:8px}.quick-note-input{background:transparent;border:none;color:#fff;font-size:.85rem;outline:none;width:180px;padding:4px 8px}.quick-note-submit{background:var(--accent-purple);border:none;color:#fff;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth)}.quick-note-submit:hover{background:#c084fc}#video-player-container-wrapper:fullscreen{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;aspect-ratio:auto!important;border-radius:0!important;border:none!important;background:#000!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}#video-player-container-wrapper:fullscreen iframe{border-radius:0!important;border:none!important;width:100vw!important;height:100vh!important}@keyframes equalizer-bar{0%{height:4px}to{height:18px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scroll-to-top-btn{position:fixed;bottom:30px;right:30px;width:48px;height:48px;border-radius:50%;background:#141423cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);color:var(--text-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #00000080,0 0 0 1px #a855f726;z-index:1000;cursor:pointer;transition:var(--transition-smooth);animation:fadeInUp .3s cubic-bezier(.4,0,.2,1)}.scroll-to-top-btn:hover{background:var(--accent-purple);color:#fff;transform:translateY(-4px) scale(1.05);border-color:var(--accent-purple);box-shadow:0 12px 24px #a855f766,0 0 0 1px #a855f74d}.scroll-to-top-btn:active{transform:translateY(-2px) scale(.95)}