@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--font-primary:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", sans-serif;--bg-raw-dark:10, 10, 12;--bg-main:rgb(var(--bg-raw-dark));--bg-gradient:linear-gradient(135deg, #09090b 0%, #111115 50%, #161622 100%);--bg-card:#16161cb3;--bg-card-hover:#1e1e26d9;--border-color:#ffffff14;--border-color-hover:#ffffff26;--color-primary:#7c3aed;--color-primary-hover:#8b5cf6;--color-primary-glow:#7c3aed4d;--color-success:#10b981;--color-success-hover:#34d399;--color-success-glow:#10b98133;--color-danger:#ef4444;--color-danger-hover:#f87171;--color-danger-glow:#ef444433;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--shadow-premium:0 8px 32px 0 #0006;--shadow-glow:0 0 20px #7c3aed26;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background:var(--bg-main);background-image:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a0a0c80}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-premium);transition:var(--transition-smooth);border-radius:16px}.glass-panel:hover{border-color:var(--border-color-hover);background:var(--bg-card-hover)}.btn{font-family:var(--font-primary);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 14px 0 var(--color-primary-glow)}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:0 6px 20px 0 var(--color-primary-glow);transform:translateY(-1px)}.btn-primary:disabled{background:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff0d}.btn-secondary:hover{border-color:var(--border-color-hover);background:#ffffff1a;transform:translateY(-1px)}.btn-danger{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433}.btn-danger:hover{background:var(--color-danger);color:#fff;box-shadow:0 4px 14px 0 var(--color-danger-glow);border-color:#0000;transform:translateY(-1px)}.input-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.input-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.input-field{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-primary);transition:var(--transition-fast);background:#0003;border-radius:8px;outline:none;padding:12px 16px;font-size:.95rem}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow)}.text-gradient{background:linear-gradient(135deg,#c084fc 0%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.immersive-player-container{z-index:9999;cursor:none;background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.immersive-player-container.show-controls{cursor:default}.immersive-video{object-fit:contain;border:none;outline:none;width:100%;height:100%}.player-hud{opacity:0;visibility:hidden;z-index:10000;transition:opacity .3s,visibility .3s;position:absolute;top:30px;left:30px}.player-hud.visible{opacity:1;visibility:visible}.player-hud-btn{-webkit-backdrop-filter:blur(12px);color:var(--text-primary);font-family:var(--font-primary);cursor:pointer;transition:var(--transition-smooth);background:#121218b3;border:1px solid #ffffff1a;border-radius:30px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;display:flex;box-shadow:0 10px 25px #00000080}.player-hud-btn:hover{background:#1e1e28e6;border-color:#fff3;transform:translateY(-2px)}.player-splash-indicator{color:#fff;pointer-events:none;opacity:0;z-index:10000;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:opacity .3s,transform .3s;display:flex;position:absolute;transform:scale(.5)}.player-splash-indicator.animate{animation:.6s ease-out forwards splashFade}@keyframes splashFade{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}