:root{--color-background: #020617;--color-background-secondary: #0f172a;--color-background-tertiary: #1e293b;--color-surface: #1e293b;--color-surface-hover: #334155;--color-surface-active: #475569;--color-surface-border: #334155;--color-surface-border-hover: #475569;--color-content: #f8fafc;--color-content-secondary: #cbd5e1;--color-content-tertiary: #94a3b8;--color-content-muted: #64748b;--color-content-faint: #475569;--color-accent: #10b981;--color-accent-hover: #059669;--color-accent-active: #047857;--color-accent-muted: rgba(16, 185, 129, .1);--color-accent-text: #ffffff;--color-secondary: #a855f7;--color-secondary-hover: #9333ea;--color-secondary-muted: rgba(168, 85, 247, .1);--color-tertiary: #f59e0b;--color-tertiary-hover: #d97706;--color-tertiary-muted: rgba(245, 158, 11, .1);--color-quaternary: #3b82f6;--color-quaternary-hover: #2563eb;--color-quaternary-muted: rgba(59, 130, 246, .1);--color-success: #22c55e;--color-success-muted: rgba(34, 197, 94, .1);--color-warning: #f59e0b;--color-warning-muted: rgba(245, 158, 11, .1);--color-error: #ef4444;--color-error-hover: #dc2626;--color-error-muted: rgba(239, 68, 68, .1);--color-info: #3b82f6;--color-info-muted: rgba(59, 130, 246, .1);--color-favorite: #facc15;--color-overlay: rgba(0, 0, 0, .8);--color-overlay-light: rgba(0, 0, 0, .6);--color-backdrop: rgba(0, 0, 0, .5);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6);--shadow-accent: 0 4px 14px 0 rgba(16, 185, 129, .3)}.light{--color-background: #f8fafc;--color-background-secondary: #ffffff;--color-background-tertiary: #e2e8f0;--color-surface: #ffffff;--color-surface-hover: #f8fafc;--color-surface-active: #f1f5f9;--color-surface-border: #cbd5e1;--color-surface-border-hover: #94a3b8;--color-content: #0f172a;--color-content-secondary: #1e293b;--color-content-tertiary: #334155;--color-content-muted: #475569;--color-content-faint: #64748b;--color-accent: #10b981;--color-accent-hover: #059669;--color-accent-active: #047857;--color-accent-muted: rgba(16, 185, 129, .12);--color-accent-text: #ffffff;--color-overlay: rgba(0, 0, 0, .5);--color-overlay-light: rgba(0, 0, 0, .3);--color-backdrop: rgba(0, 0, 0, .2);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .05);--shadow-card: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .04);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--color-input-bg: #ffffff;--color-input-border: #cbd5e1;--color-input-border-focus: #94a3b8}.light .bg-slate-950{background-color:#f1f5f9!important}.light .bg-slate-900{background-color:#f8fafc!important}.light .bg-slate-800{background-color:#fff!important}.light .bg-slate-700{background-color:#f8fafc!important}.light .bg-slate-600{background-color:#f1f5f9!important}.light .bg-slate-950\/80{background-color:#f1f5f9f2!important}.light .bg-slate-950\/95{background-color:#f1f5f9fa!important}.light .bg-slate-900\/80{background-color:#f8fafcf2!important}.light .bg-slate-900\/90{background-color:#f8fafcf7!important}.light .bg-slate-900\/95{background-color:#f8fafcfa!important}.light .bg-slate-800\/80{background-color:#fffffff2!important}.light .bg-slate-800\/90{background-color:#fffffff7!important}.light .bg-slate-800\/50{background-color:#fffc!important}.light .bg-black\/80{background-color:#00000080!important}.light .bg-black\/60{background-color:#0006!important}.light .bg-black\/50{background-color:#0000004d!important}.light .bg-black\/40{background-color:#00000040!important}.light .hover\:bg-slate-800:hover{background-color:#f8fafc!important}.light .hover\:bg-slate-700:hover{background-color:#f1f5f9!important}.light .hover\:bg-slate-600:hover{background-color:#e2e8f0!important}.light .hover\:bg-slate-900:hover{background-color:#fff!important}.light .hover\:bg-slate-700\/50:hover{background-color:#f1f5f9cc!important}.light .hover\:bg-slate-800\/80:hover{background-color:#ffffffe6!important}.light .hover\:bg-white\/10:hover{background-color:#0000000d!important}.light .hover\:bg-white\/20:hover{background-color:#00000014!important}.light .text-white,.light .text-slate-50{color:#0f172a!important}.light .text-slate-100{color:#1e293b!important}.light .text-slate-200{color:#334155!important}.light .text-slate-300{color:#475569!important}.light .text-slate-400,.light .text-slate-500{color:#64748b!important}.light .text-slate-600{color:#475569!important}.light .hover\:text-white:hover{color:#0f172a!important}.light .hover\:text-slate-100:hover{color:#1e293b!important}.light .hover\:text-slate-200:hover{color:#334155!important}.light .hover\:text-slate-300:hover{color:#475569!important}.light .placeholder-slate-400::placeholder{color:#94a3b8!important}.light .placeholder-slate-500::placeholder{color:#64748b!important}.light .placeholder-slate-600::placeholder{color:#475569!important}.light .border-slate-800{border-color:#e2e8f0!important}.light .border-slate-700{border-color:#cbd5e1!important}.light .border-slate-600{border-color:#94a3b8!important}.light .border-white\/20{border-color:#0000001f!important}.light .border-white\/10{border-color:#00000014!important}.light .border-white\/5{border-color:#0000000d!important}.light .hover\:border-slate-600:hover{border-color:#94a3b8!important}.light .hover\:border-slate-500:hover{border-color:#64748b!important}.light .divide-slate-800>:not([hidden])~:not([hidden]){border-color:#cbd5e1!important}.light .divide-slate-700>:not([hidden])~:not([hidden]){border-color:#e2e8f0!important}.light .divide-white\/10>:not([hidden])~:not([hidden]){border-color:#00000014!important}.light .focus\:border-slate-600:focus{border-color:#94a3b8!important}.light .focus\:border-slate-500:focus{border-color:#64748b!important}.light .focus\:ring-slate-600:focus{--tw-ring-color: #94a3b8 !important}.light .ring-slate-700{--tw-ring-color: #cbd5e1 !important}.light .ring-slate-800{--tw-ring-color: #e2e8f0 !important}.light .ring-white\/10{--tw-ring-color: rgba(0, 0, 0, .08) !important}.light .from-slate-950{--tw-gradient-from: #f1f5f9 !important}.light .from-slate-950\/0{--tw-gradient-from: rgba(241, 245, 249, 0) !important}.light .from-slate-900{--tw-gradient-from: #f8fafc !important}.light .via-slate-950\/80{--tw-gradient-via: rgba(241, 245, 249, .9) !important}.light .via-slate-950{--tw-gradient-via: #f1f5f9 !important}.light .to-slate-950{--tw-gradient-to: #f1f5f9 !important}.light .to-slate-900{--tw-gradient-to: #f8fafc !important}.light .to-transparent{--tw-gradient-to: transparent !important}.light .from-black\/80{--tw-gradient-from: rgba(0, 0, 0, .5) !important}.light .from-black\/60{--tw-gradient-from: rgba(0, 0, 0, .4) !important}.light .via-black\/50{--tw-gradient-via: rgba(0, 0, 0, .3) !important}.light .bg-emerald-500\/20{background-color:#10b98126!important}.light .bg-purple-500\/20{background-color:#a855f726!important}.light .bg-amber-500\/20{background-color:#f59e0b26!important}.light .bg-blue-500\/20{background-color:#3b82f626!important}.light .bg-red-500\/20{background-color:#ef444426!important}.light .bg-sky-500\/20{background-color:#0ea5e926!important}.light .bg-green-500\/10{background-color:#22c55e1f!important}.light .bg-red-500\/10{background-color:#ef44441f!important}.light .bg-yellow-500\/10{background-color:#eab3081f!important}.light .bg-blue-500\/10{background-color:#3b82f61f!important}.light .bg-emerald-500\/10{background-color:#10b9811f!important}.theme-transition{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background-secondary)}::-webkit-scrollbar-thumb{background:var(--color-surface-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-content-muted)}*{scrollbar-width:thin;scrollbar-color:var(--color-surface-border) var(--color-background-secondary)}.light ::-webkit-scrollbar-track{background:#f8fafc}.light ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.light ::-webkit-scrollbar-thumb:hover{background:#94a3b8}.light *{scrollbar-color:#cbd5e1 #f8fafc}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background-color:var(--color-accent-muted);color:var(--color-accent)}@media(max-width:768px){input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes pulseOnce{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-fade-out{animation:fadeOut .3s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .3s ease-out forwards}.animate-fade-out-down{animation:fadeOutDown .3s ease-out forwards}.animate-slide-in-right{animation:slideInRight .3s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .3s ease-out forwards}.animate-scale-in{animation:scaleIn .2s ease-out forwards}.animate-pop-in{animation:popIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}.animate-pulse-once{animation:pulseOnce .3s ease-in-out}.animate-bounce-in{animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55) forwards}.animate-heart-beat{animation:heartBeat 1s ease-in-out}.skeleton{background:linear-gradient(90deg,var(--color-surface) 0%,var(--color-surface-hover) 50%,var(--color-surface) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:8px}.skeleton-text{height:1em;border-radius:4px}.skeleton-title{height:1.5em;width:70%;border-radius:4px}.skeleton-avatar{border-radius:50%}.skeleton-card{aspect-ratio:2/3;border-radius:12px}.skeleton-button{height:2.5rem;border-radius:8px}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.content-transition{transition:opacity .2s ease-out,transform .2s ease-out}.content-entering{opacity:0;transform:translateY(5px)}.content-entered{opacity:1;transform:translateY(0)}.volume-owned{transition:all .2s ease-out}.volume-just-added{animation:popIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}.volume-just-removed{animation:fadeOut .2s ease-out forwards}img.pointer-events-none{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}