:root{--liquid-gradient-primary:linear-gradient(135deg,#1A1A2E,#16213E 50%,#0F3460);--liquid-gradient-secondary:linear-gradient(135deg,#4F46E5,#7C3AED 50%,#DB2777);--liquid-gradient-accent:linear-gradient(135deg,#667eea,#764ba2);--liquid-bg-dark:#1A1A2E;--liquid-bg-medium:#16213E;--liquid-bg-light:#0F3460;--glass-white:rgba(255,255,255,0.05);--glass-white-medium:rgba(255,255,255,0.1);--glass-white-strong:rgba(255,255,255,0.15);--glass-border:rgba(255,255,255,0.1);--glass-border-strong:rgba(255,255,255,0.2);--liquid-purple:#667eea;--liquid-blue:#4F46E5;--liquid-pink:#DB2777;--liquid-teal:#14B8A6;--glow-purple:0 0 20px rgba(102,126,234,0.5);--glow-blue:0 0 20px rgba(79,70,229,0.5);--glow-pink:0 0 20px rgba(219,39,119,0.5);--blur-light:10px;--blur-medium:18px;--blur-strong:30px;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-base:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--transition-bounce:0.6s cubic-bezier(0.68,-0.55,0.265,1.55)}.glass-panel{background:var(--glass-white);backdrop-filter:blur(var(--blur-medium));-webkit-backdrop-filter:blur(var(--blur-medium));border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);transition:all var(--transition-base)}.glass-panel:hover{background:var(--glass-white-medium);border-color:var(--glass-border-strong);transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.glass-panel-strong{background:var(--glass-white-strong);backdrop-filter:blur(var(--blur-strong));-webkit-backdrop-filter:blur(var(--blur-strong));border:1px solid var(--glass-border-strong);border-radius:20px;box-shadow:0 12px 40px rgba(0,0,0,.2)}.glass-panel-subtle{background:rgba(255,255,255,.03);backdrop-filter:blur(var(--blur-light));-webkit-backdrop-filter:blur(var(--blur-light));border:1px solid rgba(255,255,255,.05);border-radius:12px}.glass-button{position:relative;padding:12px 24px;background:var(--glass-white);backdrop-filter:blur(var(--blur-medium));-webkit-backdrop-filter:blur(var(--blur-medium));border:1px solid var(--glass-border);border-radius:12px;color:white;font-weight:500;cursor:pointer;transition:all var(--transition-base);overflow:hidden}.glass-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity var(--transition-base)}.glass-button:hover{background:var(--glass-white-medium);border-color:var(--glass-border-strong);transform:translateY(-2px) scale(1.02);box-shadow:var(--glow-purple)}.glass-button:hover:before{opacity:1}.glass-button:active{transform:translateY(0) scale(.98)}.glass-button-squish{transition:all var(--transition-bounce)}.glass-button-squish:active{transform:scale(.95)}.glass-button-gradient{background:var(--liquid-gradient-secondary);border:none;box-shadow:0 4px 20px rgba(102,126,234,.3)}.glass-button-gradient:hover{box-shadow:var(--glow-purple);transform:translateY(-2px) scale(1.05)}.glass-button-default{background:var(--glass-white);backdrop-filter:blur(var(--blur-medium));-webkit-backdrop-filter:blur(var(--blur-medium));border:1px solid var(--glass-border);border-radius:12px;color:white;font-weight:500;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.glass-button-default:hover:not(:disabled){background:var(--glass-white-medium);border-color:var(--glass-border-strong);transform:translateY(-2px) scale(1.02);box-shadow:var(--glow-purple)}.glass-button-default:active:not(:disabled){transform:translateY(0) scale(.98)}.glass-button-subtle{background:rgba(255,255,255,.03);backdrop-filter:blur(var(--blur-light));-webkit-backdrop-filter:blur(var(--blur-light));border:1px solid rgba(255,255,255,.05);border-radius:12px;color:rgba(255,255,255,.9);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.glass-button-subtle:hover:not(:disabled){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.1)}.glass-button-sm{padding:8px 16px;font-size:14px}.glass-button-md{padding:12px 24px;font-size:16px}.glass-button-lg{padding:16px 32px;font-size:18px}.glass-button-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.glass-button-flex{display:flex;align-items:center;justify-content:center;gap:8px}.glass-button-loading svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.glass-input{padding:16px 20px;background:var(--glass-white);border:1px solid var(--glass-border)}.glass-input::-moz-placeholder{color:rgba(255,255,255,.4)}.glass-input::placeholder{color:rgba(255,255,255,.4)}.glass-input:focus{background:var(--glass-white-medium);border-color:var(--liquid-purple);box-shadow:0 0 0 4px rgba(102,126,234,.1)}.glass-input:hover:not(:focus){border-color:var(--glass-border-strong)}.liquid-bg-primary{background:var(--liquid-gradient-primary)}.liquid-bg-animated{background:linear-gradient(135deg,#1A1A2E,#16213E 50%,#0F3460);background-size:400% 400%;animation:liquidFlow 15s ease infinite}@keyframes liquidFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.glow-purple{box-shadow:var(--glow-purple)}.glow-blue{box-shadow:var(--glow-blue)}.glow-pink{box-shadow:var(--glow-pink)}.glow-pulse{animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{box-shadow:0 0 20px rgba(102,126,234,.3)}50%{box-shadow:0 0 40px rgba(102,126,234,.6)}}.magnetic{transition:transform var(--transition-fast)}.magnetic:hover{transform:scale(1.05)}.liquid-spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--liquid-purple);border-radius:50%;animation:liquidSpin 1s cubic-bezier(.68,-.55,.265,1.55) infinite}@keyframes liquidSpin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}.liquid-progress{position:relative;width:100%;height:8px;background:var(--glass-white);border-radius:999px;overflow:hidden}.liquid-progress-bar{height:100%;background:var(--liquid-gradient-secondary);border-radius:999px;transition:width var(--transition-slow);animation:liquidShimmer 2s ease-in-out infinite}@keyframes liquidShimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.fade-in{animation:fadeIn var(--transition-base) ease-out}.slide-up{animation:slideUp var(--transition-base) ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-down{animation:slideDown var(--transition-base) ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.scale-in{animation:scaleIn var(--transition-bounce) ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.frosted-glass{background:rgba(255,255,255,.02);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:24px}.gradient-text{background:var(--liquid-gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-scrollbar::-webkit-scrollbar{width:8px}.glass-scrollbar::-webkit-scrollbar-track{background:var(--glass-white);border-radius:4px}.glass-scrollbar::-webkit-scrollbar-thumb{background:var(--glass-white-strong);border-radius:4px;-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}.glass-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--glass-border-strong)}.blur-light{backdrop-filter:blur(var(--blur-light));-webkit-backdrop-filter:blur(var(--blur-light))}.blur-medium{backdrop-filter:blur(var(--blur-medium));-webkit-backdrop-filter:blur(var(--blur-medium))}.blur-strong{backdrop-filter:blur(var(--blur-strong));-webkit-backdrop-filter:blur(var(--blur-strong))}.transition-fluid{transition:all var(--transition-base)}.transition-bounce{transition:all var(--transition-bounce)}@media (max-width:768px){:root{--blur-light:8px;--blur-medium:14px;--blur-strong:24px}.glass-panel{border-radius:12px}.glass-button{padding:10px 20px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.glass-button,.glass-panel{border-width:2px}}.glass-input-container{position:relative;width:100%;margin-bottom:1rem}.glass-input{width:100%;padding:12px 16px;background:rgba(255,255,255,.05);backdrop-filter:blur(var(--blur-medium));-webkit-backdrop-filter:blur(var(--blur-medium));border:2px solid rgba(255,255,255,.1);border-radius:12px;color:white;font-size:16px;font-family:inherit;outline:none;transition:all var(--transition-base)}.glass-input::-moz-placeholder{color:rgba(255,255,255,.3)}.glass-input::placeholder{color:rgba(255,255,255,.3)}.glass-input:hover{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08)}.glass-input-focused{border-color:rgba(139,92,246,.5)!important;background:rgba(255,255,255,.08)!important;box-shadow:0 0 0 3px rgba(139,92,246,.1)}.glass-input-error{border-color:rgba(239,68,68,.5)!important}.glass-input-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.glass-input-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.glass-input-label{position:absolute;left:16px;top:12px;pointer-events:none;transform-origin:left;transition:color .3s ease;color:rgba(255,255,255,.5)}.glass-input-required{color:#ef4444;margin-left:4px}.glass-input-error-text{margin-top:4px;font-size:14px;color:#ef4444;padding:0 4px}.glass-select-container{position:relative;width:100%}.glass-select-label{display:block;color:rgba(255,255,255,.6);font-size:14px;margin-bottom:8px;font-weight:500}.glass-select-trigger{width:100%;padding:12px 16px;background:var(--glass-white);backdrop-filter:blur(var(--blur-medium));-webkit-backdrop-filter:blur(var(--blur-medium));border:1px solid var(--glass-border);border-radius:16px;color:white;display:flex;align-items:center;justify-content:space-between;cursor:pointer;outline:none;transition:all .3s ease}.glass-select-trigger:hover{border-color:rgba(139,92,246,.4);background:var(--glass-white-medium)}.glass-select-placeholder{color:rgba(255,255,255,.4)}.glass-select-value{color:white}.glass-select-arrow{width:20px;height:20px;color:rgba(255,255,255,.6);flex-shrink:0}.glass-select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:8px;z-index:50;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.1);border-radius:12px;background:linear-gradient(to bottom right,rgba(255,255,255,.05),rgba(255,255,255,.02));box-shadow:0 20px 60px rgba(0,0,0,.5);overflow:hidden}.glass-select-options{max-height:256px;overflow-y:auto}.glass-select-option{width:100%;padding:12px 16px;text-align:left;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.05);color:rgba(255,255,255,.8);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.glass-select-option:last-child{border-bottom:none}.glass-select-option:hover{background:rgba(255,255,255,.05)}.glass-select-option-selected{background:linear-gradient(90deg,rgba(139,92,246,.2),rgba(139,92,246,.1),transparent)}.glass-select-option-label{flex:1}.glass-select-checkmark{width:20px;height:20px;color:rgba(139,92,246,1);flex-shrink:0}html{background-color:#0f172a;color-scheme:dark}html[data-color-scheme=light]{background-color:#f8fafc;color-scheme:light}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--border-color:rgba(255,255,255,0.1);--shadow-color:rgba(0,0,0,0.5);--glass-bg:rgba(255,255,255,0.05);--glass-border:rgba(255,255,255,0.1);--accent-primary:#667eea;--accent-secondary:#764ba2;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b}[data-theme=light]{--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--border-color:rgba(0,0,0,0.1);--shadow-color:rgba(0,0,0,0.1);--glass-bg:rgba(255,255,255,0.8);--glass-border:rgba(0,0,0,0.1);--accent-primary:#667eea;--accent-secondary:#764ba2;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b}:root{--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-active:#1d4ed8;--color-success:#10b981;--color-error:#ef4444;--color-warning:#f59e0b;--font-family-base:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--theme-primary:#3b82f6;--theme-background:#0f172a;--theme-surface:rgba(255,255,255,0.05);--theme-surface-hover:rgba(255,255,255,0.1);--theme-text:#f1f5f9;--theme-text-secondary:#cbd5e1;--theme-border:rgba(255,255,255,0.1)}[data-color-scheme=light]{--theme-primary:#3b82f6;--theme-background:#ffffff;--theme-surface:#f8fafc;--theme-surface-hover:#f1f5f9;--theme-text:#0f172a;--theme-text-secondary:#64748b;--theme-border:rgba(0,0,0,0.1)}*,:after,:before{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--theme-background);color:var(--theme-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;line-height:1.25rem;border-radius:.5rem;border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:white;border-color:var(--color-primary)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{background:var(--theme-surface);color:var(--theme-text);border-color:var(--theme-border)}.btn--secondary:hover:not(:disabled){background:var(--theme-surface-hover)}.btn--outline{background:transparent;color:var(--theme-text);border-color:var(--theme-border)}.btn--outline:hover:not(:disabled){background:var(--theme-surface)}.btn--danger{background:var(--color-error);color:white;border-color:var(--color-error)}.btn--danger:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px rgba(239,68,68,.3)}.btn--sm{padding:.5rem 1rem;font-size:.813rem}.btn--lg{padding:1rem 2rem;font-size:1rem}.playlist-card,.video-card{background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:1rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.playlist-card:hover,.video-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.15);border-color:var(--color-primary)}.question-card{background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:.75rem;padding:1.5rem;margin-bottom:1rem}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.stagger-item{opacity:0;animation:fadeInUp .5s ease-out forwards}.stagger-item:first-child{animation-delay:.05s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 20px rgba(59,130,246,.5)}.playlist-list,.video-list{display:grid;gap:1.5rem;padding:1rem}.transition-all{transition:all .2s ease}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--theme-surface)}::-webkit-scrollbar-thumb{background:var(--theme-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.75);backdrop-filter:blur(4px);display:none;justify-content:center;align-items:center;z-index:9999;opacity:0;transition:opacity .3s ease}.modal-overlay.active{display:flex;opacity:1}.modal{position:relative;background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:1rem;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:90%;max-height:90vh;overflow:auto;z-index:10000}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--theme-border)}.modal-header h2{margin:0;font-weight:700}.modal-close,.modal-header h2{font-size:1.5rem;color:var(--theme-text)}.modal-close{background:transparent;border:none;cursor:pointer;padding:.5rem;line-height:1;transition:color .2s ease}.modal-close:hover{color:var(--color-primary)}.modal-body{padding:1.5rem}.glass-modal{background:rgba(255,255,255,.05);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:rgba(255,255,255,.1)}.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.6);width:20px;height:20px;transform:translate(-50%,-50%) scale(0);animation:ripple-animation .6s ease-out;pointer-events:none}@keyframes ripple-animation{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(20);opacity:0}}[data-color-scheme=light]{--color-background:#f0f0f0;--color-surface:#fafafa;--color-text:#3a3a3a;--color-text-secondary:#737373;--color-border:rgba(0,0,0,0.06);--color-primary:#3b82f6}[data-color-scheme=light] body{background:var(--color-background);color:var(--color-text)}[data-color-scheme=dark]{--color-background:#0a0e1a;--color-surface:#141824;--color-surface-elevated:#1e2433;--color-text:#e5e7eb;--color-text-secondary:#9ca3af;--color-border:rgba(255,255,255,0.08);--color-primary:#60a5fa;--color-accent:#3b82f6}[data-color-scheme=dark] body{background:linear-gradient(135deg,#0a0e1a,#141824);background-attachment:fixed;color:var(--color-text)}.Toast_toastContainer__GruH5{position:fixed;top:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.Toast_toast__5vjwy{pointer-events:all;display:flex;align-items:center;gap:12px;min-width:300px;max-width:450px;padding:16px 20px;border-radius:12px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:transform .2s ease}.Toast_toast__5vjwy:hover{transform:translateX(-4px)}.Toast_toastIcon__cYWjc{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.Toast_toastMessage__dp2Gb{flex:1;font-size:14px;line-height:1.5;color:#1e293b}.Toast_toastClose__3bAql{flex-shrink:0;background:none;border:none;font-size:24px;color:rgba(0,0,0,.4);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.Toast_toastClose__3bAql:hover{background:rgba(0,0,0,.1);color:rgba(0,0,0,.7)}.Toast_toast__5vjwy.Toast_success__X6ITm{border-left:4px solid #10b981}.Toast_toast__5vjwy.Toast_success__X6ITm .Toast_toastIcon__cYWjc{background:#10b981;color:white}.Toast_toast__5vjwy.Toast_error__h_Qz3{border-left:4px solid #ef4444}.Toast_toast__5vjwy.Toast_error__h_Qz3 .Toast_toastIcon__cYWjc{background:#ef4444;color:white}.Toast_toast__5vjwy.Toast_warning__KftPq{border-left:4px solid #f59e0b}.Toast_toast__5vjwy.Toast_warning__KftPq .Toast_toastIcon__cYWjc{background:#f59e0b;color:white}.Toast_toast__5vjwy.Toast_info__YmGK5{border-left:4px solid #3b82f6}.Toast_toast__5vjwy.Toast_info__YmGK5 .Toast_toastIcon__cYWjc{background:#3b82f6;color:white}[data-theme=dark] .Toast_toast__5vjwy{background:rgba(30,41,59,.95);border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .Toast_toastMessage__dp2Gb{color:#f1f5f9}[data-theme=dark] .Toast_toastClose__3bAql{color:rgba(255,255,255,.5)}[data-theme=dark] .Toast_toastClose__3bAql:hover{background:rgba(255,255,255,.1);color:rgba(255,255,255,.9)}@media (max-width:768px){.Toast_toastContainer__GruH5{top:16px;right:16px;left:16px}.Toast_toast__5vjwy{min-width:unset;max-width:unset;width:100%}}