@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500;600&display=swap);*{box-sizing:border-box;margin:0;padding:0}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}:root{--primary:#0284c7;--primary-hover:#0369a1;--secondary:#7c3aed;--secondary-hover:#6d28d9;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-playback:linear-gradient(135deg,#1db954,#1ed760);--gradient-creation:linear-gradient(135deg,#f59e0b,#d97706);--color-playback:#1db954;--color-playback-hover:#1aa34a;--color-creation:#f59e0b;--color-creation-hover:#d97706;--success:#16a34a;--warning:#ca8a04;--danger:#dc2626;--info:#2563eb;--background:#f8fafc;--background-secondary:#f1f5f9;--background-tertiary:#e2e8f0;--surface:#fff;--surface-hover:#f8fafc;--border:#d1d5db;--border-light:#e2e8f0;--text:#1a1a2e;--text-secondary:#4b5563;--text-tertiary:#6b7280;--shadow:#00000014;--shadow-medium:#0000001f;--shadow-large:#00000029;--focus-ring:#0284c74d;--input-bg:#fff;--input-border:#d1d5db;--input-placeholder:#9ca3af;--body-gradient:linear-gradient(145deg,#f8faff,#f5f7fa 50%,#faf8ff);--navbar-bg:#fffffff2;--navbar-border:#0000001f;--navbar-text:#1a1a2e;--navbar-text-secondary:#4b5563;--navbar-pill-bg:#0000000d;--navbar-pill-border:#0000001a;--navbar-pill-hover:#0000001a;--navbar-pill-active-bg:linear-gradient(135deg,#7c3aed2e,#3b82f61f);--navbar-icon-bg:#0000000d;--navbar-icon-border:#0000001f;--navbar-icon-hover:#0000001f;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-popover:500;--z-tooltip:600;--z-toast:700;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--surface-elevated:var(--surface)}[data-theme=dark]{--primary:#38bdf8;--primary-hover:#0ea5e9;--secondary:#c084fc;--secondary-hover:#a855f7;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-playback:linear-gradient(135deg,#1db954,#1ed760);--gradient-creation:linear-gradient(135deg,#f59e0b,#d97706);--color-playback:#1db954;--color-playback-hover:#1aa34a;--color-creation:#f59e0b;--color-creation-hover:#d97706;--success:#22c55e;--warning:#eab308;--danger:#ef4444;--info:#3b82f6;--background:#0f172a;--background-secondary:#1e293b;--background-tertiary:#334155;--surface:#1e293b;--surface-hover:#334155;--border:#334155;--border-light:#475569;--text:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--surface-elevated:#334155;--shadow:#0000004d;--shadow-medium:#0006;--shadow-large:#00000080;--focus-ring:#38bdf84d;--input-bg:#1e293b;--input-border:#475569;--input-placeholder:#64748b;--navbar-bg:#0f172ad9;--navbar-border:#ffffff14;--navbar-text:#f1f5f9;--navbar-text-secondary:#ffffffb3;--navbar-pill-bg:#ffffff0a;--navbar-pill-border:#ffffff0f;--navbar-pill-hover:#ffffff14;--navbar-pill-active-bg:linear-gradient(135deg,#9333ea40,#3b82f633);--navbar-icon-bg:#ffffff0a;--navbar-icon-border:#ffffff14;--navbar-icon-hover:#ffffff1a}.admin-purple-theme{--admin-bg:linear-gradient(135deg,#1a0533,#2d1b69 50%,#1a0533);--admin-surface:#ffffff0d;--admin-surface-hover:#ffffff14;--admin-surface-active:#ffffff1f;--admin-border:#ffffff1a;--admin-border-light:#ffffff0f;--admin-text:#f1f5f9;--admin-text-secondary:#cbd5e1;--admin-text-tertiary:#94a3b8;--admin-category-active:#a855f740;--admin-category-hover:#a855f726;--admin-tab-active:#c084fc;--admin-glow:#a855f74d}:root{--page-padding:12px;--page-padding-x:12px;--page-padding-y:16px;--card-padding:12px;--section-gap:16px;--grid-gap:12px;--font-size-h1:1.75rem;--font-size-h2:1.5rem;--font-size-h3:1.25rem;--font-size-body:0.9375rem;--font-size-small:0.8125rem;--touch-target-min:44px;--button-height:44px;--input-height:44px;--nav-height:56px;--sidebar-width:0px;--modal-max-width:95vw;--card-min-width:280px}@media (min-width:480px){:root{--page-padding:16px;--page-padding-x:16px;--card-padding:14px;--grid-gap:14px;--font-size-h1:2rem}}@media (min-width:768px){:root{--page-padding:24px;--page-padding-x:24px;--page-padding-y:24px;--card-padding:16px;--section-gap:24px;--grid-gap:16px;--font-size-h1:2.25rem;--font-size-h2:1.75rem;--font-size-h3:1.375rem;--font-size-body:1rem;--font-size-small:0.875rem;--nav-height:64px;--sidebar-width:280px;--modal-max-width:600px}}@media (min-width:1024px){:root{--page-padding:32px;--page-padding-x:40px;--card-padding:20px;--section-gap:32px;--grid-gap:20px;--font-size-h1:2.5rem;--font-size-h2:2rem;--nav-height:72px;--sidebar-width:300px;--modal-max-width:700px}}@media (min-width:1280px){:root{--page-padding:40px;--page-padding-x:48px;--card-padding:24px;--section-gap:40px;--grid-gap:24px;--font-size-h1:3rem;--modal-max-width:800px}}@media (horizontal-viewport-segments:2){:root{--foldable-hinge-width:env(viewport-segment-width 0 0,0px);--foldable-gap:20px;--foldable-left-width:env(viewport-segment-width 0 0,50%);--foldable-right-width:env(viewport-segment-width 1 0,50%)}.foldable-split-layout{grid-gap:var(--foldable-gap);display:grid;gap:var(--foldable-gap);grid-template-columns:env(viewport-segment-width 0 0) 1fr}.admin-panel-container,.band-detail-layout{grid-gap:calc(var(--foldable-gap) + env(viewport-segment-left 1 0, 0px) - env(viewport-segment-right 0 0, 0px));display:grid;gap:calc(var(--foldable-gap) + env(viewport-segment-left 1 0, 0px) - env(viewport-segment-right 0 0, 0px));grid-template-columns:1fr 1fr}.modal-content{max-width:env(viewport-segment-width 0 0,600px)}.topnav-container{position:-webkit-sticky;position:sticky;top:0}}@media (vertical-viewport-segments:2){:root{--foldable-gap:20px}.foldable-book-layout{grid-gap:var(--foldable-gap);display:grid;gap:var(--foldable-gap);grid-template-rows:env(viewport-segment-height 0 0) 1fr}}@media (max-width:400px) and (max-height:800px){:root{--page-padding:12px;--card-padding:10px}}@media (min-width:900px) and (max-width:1000px) and (min-height:700px){:root{--page-padding:24px;--card-padding:16px;--grid-gap:20px}.band-grid{grid-template-columns:repeat(3,1fr)}.dashboard-stats-grid{grid-template-columns:repeat(4,1fr)}.main-content,.page-content,main{padding-bottom:80px!important}}@media (prefers-contrast:high){:root{--border:#000}[data-theme=dark]{--border:#fff}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.skip-to-content{background:#0284c7;background:var(--primary);border-radius:0 0 4px 0;color:#fff;font-size:14px;font-weight:600;left:0;padding:8px 16px;position:absolute;text-decoration:none;top:-40px;transition:top .15s ease;z-index:900}.skip-to-content:focus{top:0}#root,body,html{height:auto;min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(145deg,#f8faff,#f5f7fa 50%,#faf8ff);background:var(--body-gradient,var(--background));background-attachment:fixed;color:#1a1a2e;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}[data-theme=dark] body{background:#f8fafc;background:var(--background)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{font-family:inherit}.btn{border:none;border-radius:6px;box-shadow:0 1px 3px #00000014;box-shadow:0 1px 3px var(--shadow);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border:1px solid #0000;box-shadow:0 2px 8px #0000001f;box-shadow:0 2px 8px var(--shadow-medium);color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #00000029;box-shadow:0 4px 12px var(--shadow-large);opacity:.9;transform:translateY(-1px)}.btn-secondary{background:#e2e8f0;background:var(--background-tertiary);border:1px solid #d1d5db;border:1px solid var(--border);color:#1a1a2e;color:var(--text);font-weight:500}.btn-secondary:hover{background:#f8fafc;background:var(--surface-hover);border-color:#e2e8f0;border-color:var(--border-light)}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);background:linear-gradient(135deg,var(--danger) 0,#b91c1c 100%);box-shadow:0 2px 8px #dc262659;color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 4px 12px #dc262673;transform:translateY(-1px)}.card{background:#fff;background:var(--surface);border:1px solid #d1d5db;border:1px solid var(--border);border-radius:10px;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000a;box-shadow:0 2px 8px var(--shadow),0 1px 3px #0000000a;padding:20px;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.card:hover{box-shadow:0 4px 12px #0000001f,0 2px 4px #0000000f;box-shadow:0 4px 12px var(--shadow-medium),0 2px 4px #0000000f}.form-group{margin-bottom:20px}.form-group label{color:#1a1a2e;color:var(--text);display:block;font-size:14px;font-weight:600;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--surface);border:2px solid #d1d5db;border:2px solid var(--border);border-radius:8px;color:#1a1a2e;color:var(--text);font-family:inherit;font-size:14px;padding:11px 14px;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0284c7;border-color:var(--primary);box-shadow:0 0 0 3px #0284c74d;box-shadow:0 0 0 3px var(--focus-ring);outline:none}select{background:#fff;background:var(--surface);border:1px solid #d1d5db;border:1px solid var(--border);border-radius:6px;color:#1a1a2e;color:var(--text);cursor:pointer;font-family:inherit;font-size:14px;padding:8px 12px;transition:border-color .2s ease,background-color .2s ease}select:focus{border-color:#0284c7;border-color:var(--primary);outline:none}select option{background:#fff;background:var(--surface);padding:8px}select optgroup,select option{color:#1a1a2e;color:var(--text)}select optgroup{background:#f1f5f9;background:var(--background-secondary);font-weight:600}.option-input,input.option-input,textarea.option-input{background:#fff;background:var(--surface);border:1px solid #d1d5db;border:1px solid var(--border);color:#1a1a2e;color:var(--text);font-family:inherit}.option-input::placeholder{color:#9ca3af;color:var(--input-placeholder,#9ca3af)}.streaming-search-input::placeholder{color:#ffffffbf}.option-input:focus{border-color:#0284c7;border-color:var(--primary);box-shadow:0 0 0 2px #0284c74d;box-shadow:0 0 0 2px var(--focus-ring);outline:none}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#dc2626;color:var(--danger);margin-bottom:20px;padding:10px}.success-message{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;color:#16a34a;color:var(--success);margin-bottom:20px;padding:10px}[data-theme=dark] .error-message{background:#ef444426;border-color:#ef444466}[data-theme=dark] .success-message{background:#22c55e26;border-color:#22c55e66}.play-menu-item:hover{background-color:#f8fafc!important;background-color:var(--surface-hover)!important}.loading{color:#4b5563;color:var(--text-secondary);padding:40px;text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid #d1d5db;border-top:3px solid #0284c7;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;margin:0 auto;width:40px}@keyframes progressSlide{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.player-waveform-seek:focus-visible{border-radius:4px;opacity:.3!important;outline:2px solid #a855f7;outline-offset:-2px}.cookie-overlay{background-color:#0009;bottom:0;left:0;padding:12px 16px;pointer-events:none;position:fixed;right:0;z-index:1100}.cookie-banner{align-items:center;background-color:#1a1a2e;border:1px solid #333;border-radius:10px;box-shadow:0 -4px 20px #0000004d;display:flex;gap:16px;justify-content:space-between;margin:0 auto;max-width:800px;padding:14px 20px;pointer-events:auto}.cookie-content{flex:1 1;min-width:0}.cookie-text{color:#ccc;font-size:14px;line-height:1.4;margin:0}.cookie-link{color:#6366f1;text-decoration:underline}.cookie-buttons{display:flex;flex-shrink:0;gap:8px}.cookie-btn-primary{background-color:#6366f1;border:none;border-radius:8px}.cookie-btn-primary,.cookie-btn-secondary{color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px;white-space:nowrap}.cookie-btn-secondary{background-color:initial;border:1px solid #444;border-radius:8px}@media (max-width:640px){.cookie-overlay{bottom:auto;padding:8px 12px;top:0}.cookie-banner{border-radius:8px;flex-direction:column;gap:10px;padding:12px 16px}.cookie-text{font-size:13px;text-align:center}.cookie-buttons{justify-content:center;width:100%}.cookie-btn-primary,.cookie-btn-secondary{font-size:12px;padding:8px 16px}}.login-container{align-items:center;background:linear-gradient(135deg,#0f172a,#1e1b4b 50%,#0f172a);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:16px;position:relative}.login-container:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath fill='%239333ea' fill-opacity='.15' d='m0 192 48 5.3c48 5.7 144 15.7 240 32 96 15.7 192 37.7 288 21.4 96-15.7 192-69.7 288-69.4 96-.3 192 53.7 288 53.4 96 .3 192-53.7 240-80l48-26.7v192H0Z'/%3E%3C/svg%3E") no-repeat bottom;background-size:cover;bottom:0;content:"";height:256px;left:0;opacity:.6;pointer-events:none;position:absolute;right:0}.login-container .login-box{background:#0a0a0f;border:1px solid #33415580;border-radius:16px;box-shadow:0 25px 80px #0009;color:#f1f5f9;max-width:480px;padding:40px 32px;position:relative;width:100%;z-index:10}.login-container .login-logo{border-radius:16px;box-shadow:0 8px 32px #9333ea66;display:block;height:auto;margin:0 auto 32px;max-width:342px;width:100%}.login-container .login-title{color:#f1f5f9;font-size:24px;font-weight:700;letter-spacing:-.3px;margin:0 0 4px;text-align:center}.login-container .login-subtitle{color:#94a3b8;font-size:14px;margin:0 0 24px;text-align:center}.login-container .terms-notice{color:#94a3b8;font-size:12px;line-height:1.5;margin:-8px 0 16px;text-align:center}.login-container .terms-notice a{color:#cbd5e1;text-decoration:underline}.login-container .terms-notice a:hover{color:#fff}.login-container .social-buttons{display:flex;flex-direction:column;gap:12px}.login-container .enter-studio-container{display:flex;justify-content:center;margin:24px 0}.login-container .btn-enter-studio{background:linear-gradient(135deg,#7c3aed,#2563eb);border:none;border-radius:14px;box-shadow:0 4px 24px #7c3aed66;color:#fff;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:.3px;padding:18px 48px;transition:all .3s ease}.login-container .btn-enter-studio:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#1d4ed8);box-shadow:0 8px 32px #7c3aed99;transform:translateY(-3px)}.login-container .btn-enter-studio:active:not(:disabled){transform:translateY(0)}.login-container .btn-enter-studio:disabled{cursor:not-allowed;opacity:.5}.login-container .btn-social{align-items:center;border:none;border-radius:12px;color:#fff!important;cursor:pointer;display:flex;font-size:16.5px;font-weight:600;gap:12px;justify-content:center;padding:16px 20px;transition:all .2s ease;width:100%}.login-container .btn-social:hover:not(:disabled){transform:translateY(-2px)}.login-container .btn-social:active:not(:disabled){transform:translateY(0)}.login-container .btn-social:disabled{cursor:not-allowed;opacity:.5}.login-container .btn-social span{color:#fff!important}.login-container .btn-social .social-icon{flex-shrink:0;height:20px;width:20px}.login-container .btn-social.btn-microsoft{background:linear-gradient(135deg,#1e2d6f,#3b1b80);border:1px solid #8b5cf640;box-shadow:0 2px 12px #0006}.login-container .btn-social.btn-microsoft:hover:not(:disabled){background:linear-gradient(135deg,#243688,#4a2299);border-color:#8b5cf666;box-shadow:0 4px 20px #7c3aed4d}.login-container .btn-social.btn-google{background:linear-gradient(135deg,#1e2d6f,#3b1b80);border:1px solid #8b5cf640;box-shadow:0 2px 12px #0006;color:#fff!important}.login-container .btn-social.btn-google:hover:not(:disabled){background:linear-gradient(135deg,#243688,#4a2299);border-color:#8b5cf666;box-shadow:0 4px 20px #7c3aed4d}.login-container .btn-social.btn-google span{color:#fff!important}.login-container .btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;flex-shrink:0;height:20px;width:20px}.login-container .divider{align-items:center;display:flex;gap:16px;margin:24px 0}.login-container .divider:after,.login-container .divider:before{background:#334155;content:"";flex:1 1;height:1px}.login-container .divider span{color:#64748b;font-size:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase}.login-container .email-form{display:flex;flex-direction:column;gap:12px}.login-container .form-field{display:flex;flex-direction:column;gap:4px}.login-container .form-field input{background:#3341554d;border:1px solid #334155;border-radius:12px;box-sizing:border-box;color:#f1f5f9;font-size:15px;padding:16px;transition:all .2s ease;width:100%}.login-container .form-field input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633;outline:none}.login-container .form-field input.error{border-color:#dc2626}.login-container .form-field input:disabled{background:#1e293b;opacity:.6}.login-container .form-field input::placeholder{color:#64748b}.login-container .form-field input:-webkit-autofill,.login-container .form-field input:-webkit-autofill:active,.login-container .form-field input:-webkit-autofill:focus,.login-container .form-field input:-webkit-autofill:hover{-webkit-text-fill-color:#f1f5f9!important;background-color:#0a0a0f!important;-webkit-box-shadow:inset 0 0 0 30px #0a0a0f!important;caret-color:#f1f5f9;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.login-container .error-text{color:#f87171;font-size:12px;font-weight:500}.login-container .success-message{background:#10b98126;border:1px solid #10b9814d;border-radius:10px;color:#34d399;font-size:14px;font-weight:500;margin-bottom:16px;padding:12px 16px;text-align:center}.login-container .btn-signin{background:linear-gradient(135deg,#7c3aed,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 20px #7c3aed66;color:#fff!important;cursor:pointer;font-size:16.5px;font-weight:700;padding:16px 20px;transition:all .2s ease;width:100%}.login-container .btn-signin:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#1d4ed8);box-shadow:0 6px 28px #7c3aed80;transform:translateY(-2px)}.login-container .btn-signin:disabled{cursor:not-allowed;opacity:.5}.login-container .btn-signin.btn-lets-go{background:linear-gradient(135deg,#7c3aed,#2563eb)}.login-container .btn-signin.btn-lets-go:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#1d4ed8)}.login-container .btn-forgot-password{background:#0000;border:none;color:#a78bfa;cursor:pointer;display:block;font-size:13px;font-weight:500;margin-top:8px;padding:8px;text-align:center;transition:color .2s ease;width:100%}.login-container .btn-forgot-password:hover{color:#c4b5fd}.login-container .login-box .error-message{background:#ef444426;border:1px solid #ef44444d;border-radius:10px;color:#f87171;font-size:13px;font-weight:500;margin-top:16px;padding:12px 16px;text-align:center}.login-container .footer-links{color:#e2e8f0;font-size:13px;margin-top:24px;text-align:center}.login-container .footer-links a{color:#a78bfa;font-weight:500;text-decoration:none;transition:color .2s}.login-container .footer-links a:hover{color:#c4b5fd}.login-container .account-picker{display:flex;flex-direction:column;gap:8px;margin-bottom:8px;max-height:240px;overflow-y:auto}.login-container .account-card{align-items:center;background:#3341554d;border:1px solid #334155;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 14px;text-align:left;transition:all .2s ease;width:100%}.login-container .account-card:hover:not(:disabled){background:#33415580;border-color:#8b5cf6}.login-container .account-card:disabled{cursor:not-allowed;opacity:.5}.login-container .account-provider-icon{align-items:center;background:#1e293b;border-radius:8px;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.login-container .account-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.login-container .account-email{color:#f1f5f9;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-container .account-meta{color:#64748b;font-size:11px}.login-container .account-remove{align-items:center;background:#0000;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:24px;justify-content:center;transition:all .2s ease;width:24px}.login-container .account-remove:hover:not(:disabled){background:#ef444426;color:#f87171}.login-container .btn-different-account{background:#0000;border:1px solid #334155;border-radius:10px;color:#94a3b8;cursor:pointer;font-size:13px;font-weight:500;padding:12px;transition:all .2s ease;width:100%}.login-container .btn-different-account:hover:not(:disabled){border-color:#8b5cf6;color:#a78bfa}.login-container .btn-back-to-accounts{background:#0000;border:none;color:#64748b;cursor:pointer;display:block;font-size:13px;font-weight:500;margin-top:16px;padding:8px;transition:color .2s ease;width:100%}.login-container .btn-back-to-accounts:hover:not(:disabled){color:#a78bfa}.login-container .remember-me-label{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;font-size:13px;gap:8px;margin-top:14px;padding:10px 14px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.login-container .remember-me-label:hover{background:#ffffff0f;border-color:#ffffff26;color:#cbd5e1}.login-container .remember-me-checkbox{accent-color:#8b5cf6;cursor:pointer;flex-shrink:0;height:16px;width:16px}.login-container .email-display{align-items:center;background:#3341554d;border:1px solid #334155;border-radius:10px;display:flex;flex-direction:row!important;justify-content:space-between;padding:12px 14px}.login-container .email-label{color:#a78bfa;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-container .btn-change-email{background:#0000;border:none;color:#64748b;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:4px 8px;transition:color .2s}.login-container .btn-change-email:hover{color:#f1f5f9}.login-container .oauth-prompt{display:flex;flex-direction:column;gap:16px}.login-container .oauth-message{color:#94a3b8;font-size:13px;line-height:1.5;margin:0;text-align:center}.login-container .oauth-buttons-compact{display:flex;flex-direction:column;gap:10px}.login-container .celebration-container{padding:16px 0;text-align:center}.login-container .celebration-icon{align-items:center;animation:celebrate .5s ease-out;background:#10b98126;border-radius:50%;display:flex;font-size:32px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}@keyframes celebrate{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.login-container .celebration-title{color:#f1f5f9!important;font-size:20px;font-weight:700;margin:0 0 8px}.login-container .celebration-email{color:#a78bfa;font-size:14px;font-weight:600;margin:0 0 20px;word-break:break-all}.login-container .btn-back-to-email{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:color .2s}.login-container .btn-back-to-email:hover{color:#a78bfa}@media (max-width:480px){.login-container .login-box{border-radius:12px;padding:24px 20px}.login-container .login-logo{margin-bottom:24px;max-width:280px}.login-container .login-title{font-size:20px}.login-container .login-subtitle{font-size:13px;margin-bottom:20px}.login-container .btn-social{font-size:14px;padding:14px 16px}.login-container .btn-social .social-icon{height:18px;width:18px}.login-container .form-field input{font-size:14px;padding:14px}.login-container .btn-signin{font-size:14px;padding:14px 16px}}.public-landing .public-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f14f2;border-bottom:1px solid #ffffff1a;left:0;position:fixed;right:0;top:0;z-index:1000}.public-landing .public-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem}.public-landing .public-header-logo{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem}.public-landing .logo-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;font-size:1rem;padding:.25rem .5rem}.public-landing .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.public-landing .public-header-actions{align-items:center;display:flex;gap:1rem}.public-landing{background:linear-gradient(180deg,#0f0f14,#1a1a24);color:#fff;min-height:100vh}.public-landing-content{padding-top:80px}.public-landing .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.public-landing .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.public-landing .btn-primary:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.public-landing .btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.public-landing .btn-secondary:hover{background:#fff3}.public-landing .btn-ghost{background:#0000;color:#fff}.public-landing .btn-ghost:hover{background:#ffffff1a}.public-landing .btn-large{font-size:1.1rem;padding:1rem 2rem}.public-landing .btn-hero{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;color:#fff;font-size:1.2rem;padding:1.25rem 2.5rem}.public-landing .btn-hero:hover{box-shadow:0 12px 35px #667eea80;transform:translateY(-3px)}.public-landing .marketing-hero{background:radial-gradient(ellipse at center,#667eea26 0,#0000 70%);padding:6rem 2rem;text-align:center}.public-landing :hover>.hero-play-overlay{opacity:1!important}.public-landing .marketing-hero-content{margin:0 auto;max-width:900px}.public-landing .marketing-hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.public-landing .marketing-hero-title .highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.public-landing .marketing-hero-subtitle{color:#ffffffb3;font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.public-landing .marketing-hero-cta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.public-landing .marketing-trust{color:#ffffff80;font-size:.9rem}.public-landing .marketing-showcase-section{background:#0003;padding:3rem 2rem;width:100%}.public-landing .showcase-with-player{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr minmax(320px,420px);margin:0 auto;max-width:1400px}@media (max-width:1024px){.public-landing .showcase-with-player{gap:2rem;grid-template-columns:1fr}}.public-landing .marketing-band-showcase{background:#0000;padding:0}.public-landing .showcase-header{margin-bottom:1rem}.public-landing .showcase-title{color:#fff;font-size:1.5rem;font-weight:700}.public-landing .band-showcase-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.public-landing .band-showcase-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.public-landing .band-showcase-grid{gap:1rem;grid-template-columns:1fr}}.public-landing .showcase-band-tile{aspect-ratio:4/3;background:#fff;border:4px solid #fff;border-radius:4px;box-shadow:0 4px 20px #0000004d;cursor:pointer;overflow:hidden;padding:2px;position:relative;transform:none;transition:transform .3s ease,box-shadow .3s ease}.public-landing .showcase-band-tile:hover{box-shadow:0 8px 30px #0006;transform:translateY(-4px)}.public-landing .showcase-band-image{height:100%;object-fit:cover;width:100%}.public-landing .showcase-band-placeholder{align-items:center;background:linear-gradient(135deg,#2a2a3a,#1a1a24);display:flex;font-size:2rem;height:100%;justify-content:center;width:100%}.public-landing .showcase-band-overlay{background:linear-gradient(#0000,#0f0a02eb);bottom:0;left:0;padding:.5rem;position:absolute;right:0}.public-landing .showcase-band-overlay h4{font-size:.85rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px #00000080;white-space:nowrap}.public-landing .showcase-genre{background:#667eea66;border-radius:3px;color:#ffffffe6;display:inline-block;font-size:.7rem;margin-top:.15rem;padding:.1rem .35rem;text-shadow:0 1px 2px #00000080}.public-landing .showcase-loading{align-items:center;display:flex;grid-column:1/-1;justify-content:center;min-height:300px;padding:4rem}.public-landing .listen-now-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;padding:1rem}.public-landing .listen-now-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.public-landing .listen-now-header h3{color:#fff;font-size:1.1rem;font-weight:700;margin:0}.public-landing .btn-play-all{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.4rem .8rem;transition:all .2s ease}.public-landing .btn-play-all:hover{box-shadow:0 4px 15px #667eea66;transform:translateY(-1px)}.public-landing .btn-play-all .play-icon{font-size:.8rem}.public-landing .listen-now-loading{align-items:center;color:#fff9;display:flex;flex:1 1;gap:1rem;justify-content:center;padding:3rem}.public-landing .song-playlist{display:flex;flex-direction:column;gap:.1rem}.public-landing .song-item{grid-gap:.5rem;align-items:center;border-radius:6px;cursor:pointer;display:grid;gap:.5rem;grid-template-columns:20px 36px 1fr auto;padding:.4rem;transition:all .2s ease}.public-landing .song-item:hover{background:#ffffff14}.public-landing .song-item.playing{background:#667eea33}.public-landing .song-number{color:#ffffff80;font-size:.75rem;text-align:center}.public-landing .song-image{border-radius:4px;height:36px;overflow:hidden;position:relative;width:36px}.public-landing .song-image img{height:100%;object-fit:cover;width:100%}.public-landing .song-image-placeholder{align-items:center;background:linear-gradient(135deg,#2a2a3a,#1a1a24);display:flex;font-size:1.25rem;height:100%;justify-content:center;width:100%}.public-landing .song-play-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.public-landing .song-item.playing .song-play-overlay,.public-landing .song-item:hover .song-play-overlay{opacity:1}.public-landing .song-play-overlay .pause-icon,.public-landing .song-play-overlay .play-icon{color:#fff;font-size:1rem}.public-landing .song-info{min-width:0}.public-landing .song-title{font-size:.95rem;font-weight:600}.public-landing .song-artist,.public-landing .song-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-landing .song-artist{color:#fff9;font-size:.85rem}.public-landing .song-genre{background:#ffffff1a;border-radius:3px;color:#ffffffbf;font-size:.8rem;padding:.2rem .4rem}.public-landing .song-plays{display:none}.public-landing .song-item-wrapper{border-radius:8px;display:flex;flex-direction:column;transition:all .2s ease}.public-landing .song-item-wrapper.expanded{background:#667eea1a;margin:.25rem 0}.public-landing .song-item-wrapper.expanded .song-item{background:#0000}.public-landing .song-waveform-container{animation:slideDown .2s ease-out;border-top:1px solid #ffffff1a;padding:.5rem .75rem .75rem}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:100px;opacity:1}}.public-landing .song-waveform-container .audio-player-minimal{background:#0003;border-radius:6px;padding:.5rem}.public-landing .song-waveform-container .audio-player-minimal button{background:linear-gradient(135deg,#667eea,#764ba2)}.public-landing .now-playing-bar{grid-gap:.75rem;align-items:center;background:linear-gradient(135deg,#667eea33,#764ba233);border-radius:8px;display:grid;gap:.75rem;grid-template-columns:1fr auto;margin-top:1rem;padding:.75rem;position:relative}.public-landing .now-playing-info{align-items:center;display:flex;gap:.75rem;min-width:0}.public-landing .now-playing-label{color:#ffffff80;font-size:.75rem;text-transform:uppercase}.public-landing .now-playing-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-landing .now-playing-artist{color:#fff9;font-size:.85rem;white-space:nowrap}.public-landing .now-playing-controls{display:flex;gap:.5rem}.public-landing .btn-control{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.public-landing .btn-control:hover{transform:scale(1.1)}.public-landing .now-playing-progress{background:#ffffff1a;border-radius:0 0 12px 12px;bottom:0;height:3px;left:0;overflow:hidden;position:absolute;right:0}.public-landing .progress-bar{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .1s linear}.public-landing .landing-explore-area{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr minmax(320px,420px);margin:0 auto;max-width:1400px}@media (max-width:1024px){.public-landing .landing-explore-area{gap:2rem;grid-template-columns:1fr}}.public-landing .landing-bands-panel{min-width:0}.public-landing .landing-listen-panel{position:-webkit-sticky;position:sticky;top:90px}@media (max-width:1024px){.public-landing .landing-listen-panel{position:static}}.public-landing .landing-filter-bar{margin-bottom:1rem}.public-landing .landing-genre-chips{display:flex;flex-wrap:wrap;gap:.4rem}.public-landing .landing-results-count{color:#ffffff80;font-size:.85rem}.public-landing .zigzag-features{margin:3rem auto;max-width:1400px;padding:0 2rem}.public-landing .zigzag-section{grid-gap:0;background:#0000004d;border-radius:12px;display:grid;gap:0;grid-template-columns:1.2fr 1fr;margin-bottom:2rem;overflow:hidden}.public-landing .zigzag-section.zigzag-reverse{grid-template-columns:1fr 1.2fr}.public-landing .zigzag-section.zigzag-reverse .zigzag-image{order:2}.public-landing .zigzag-section.zigzag-reverse .zigzag-text{order:1}.public-landing .zigzag-image{height:350px;overflow:hidden;width:100%}.public-landing .zigzag-image img{display:block;height:100%;object-fit:cover;width:100%}.public-landing .zigzag-text{display:flex;flex-direction:column;justify-content:center;padding:2.5rem 3rem}.public-landing .zigzag-text h2{color:#fff;font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.public-landing .zigzag-text p{color:#ffffffb3;font-size:1.05rem;line-height:1.6;margin-bottom:1.5rem}.public-landing .zigzag-cta{align-self:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:transform .2s,box-shadow .2s}.public-landing .zigzag-cta:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}@media (max-width:900px){.public-landing .landing-feature-row{grid-template-columns:1fr!important}.public-landing .landing-feature-media{height:250px!important}.public-landing .landing-feature-text{padding:2rem 1.5rem!important}.public-landing .zigzag-section,.public-landing .zigzag-section.zigzag-reverse{grid-template-columns:1fr}.public-landing .zigzag-section.zigzag-reverse .zigzag-image,.public-landing .zigzag-section.zigzag-reverse .zigzag-text{order:0}.public-landing .zigzag-image{height:250px}.public-landing .zigzag-text{padding:2rem 1.5rem}.public-landing .zigzag-text h2{font-size:1.5rem}}.public-landing .marketing-label{color:#667eea;font-size:.8rem;font-weight:700;letter-spacing:.1em;margin-bottom:1rem}.public-landing .pricing-teaser{background:#667eea1a;border-left:3px solid #667eea;border-radius:8px;margin-top:1rem;padding:1rem}.public-landing .marketing-cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.public-landing .marketing-social-proof{background:#667eea0d;padding:5rem 2rem;text-align:center}.public-landing .marketing-social-proof h2{font-size:2rem;margin-bottom:3rem}.public-landing .testimonials{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.public-landing .testimonial{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;padding:2rem}.public-landing .testimonial p{color:#fffc;font-size:1.1rem;font-style:italic;margin-bottom:1rem}.public-landing .testimonial p.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-style:normal;font-weight:800;margin-bottom:.5rem}.public-landing .testimonial-author{color:#ffffff80;font-size:.9rem}.public-landing .marketing-pricing{margin:0 auto;max-width:1400px;padding:5rem 2rem;text-align:center}.public-landing .marketing-pricing h2{font-size:2.5rem;margin-bottom:.5rem}.public-landing .pricing-subtitle{color:#fff9;margin-bottom:3rem}.public-landing .pricing-grid{grid-gap:2rem;display:grid;gap:2rem;justify-content:center}.public-landing .pricing-grid-three{grid-template-columns:repeat(auto-fit,minmax(300px,350px))}.public-landing .pricing-grid-four{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 auto;max-width:1400px}.public-landing .pricing-credits{background:#667eea26;border-radius:8px;color:#667eea;font-size:1.25rem;font-weight:600;margin-bottom:1rem;padding:.5rem;text-align:center}.public-landing .pricing-badge-pro{background:linear-gradient(135deg,#10b981,#059669)}.public-landing .pricing-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;padding:2rem;position:relative;text-align:left}.public-landing .pricing-card-popular{background:#667eea1a;border-color:#667eea}.public-landing .pricing-card-studio{background:#764ba21a;border-color:#764ba2}.public-landing .pricing-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;font-size:.75rem;font-weight:700;left:50%;letter-spacing:.05em;padding:.25rem 1rem;position:absolute;top:-12px;transform:translateX(-50%)}.public-landing .pricing-badge-studio{background:linear-gradient(135deg,#764ba2,#9b59b6)}.public-landing .pricing-header{margin-bottom:1.5rem;text-align:center}.public-landing .pricing-header h3{font-size:1.5rem;margin-bottom:.5rem}.public-landing .pricing-price{align-items:baseline;display:flex;gap:.25rem;justify-content:center}.public-landing .price-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800}.public-landing .price-period{color:#ffffff80;font-size:1rem}.public-landing .pricing-credits-intro{color:#fff9;font-size:.9rem;margin-bottom:1rem;text-align:center}.public-landing .pricing-features{margin-bottom:1rem}.public-landing .pricing-feature{color:#fffc;font-size:.9rem;padding:.4rem 0}.public-landing .pricing-feature:before{color:#667eea;content:"✓ "}.public-landing .pricing-highlight{font-weight:600}.public-landing .pricing-features-secondary{border-top:1px solid #ffffff1a;padding-top:1rem}.public-landing .pricing-features-secondary .pricing-feature{color:#fff9;font-size:.85rem}.public-landing .pricing-feature-divider{border-top:1px solid #ffffff1a;color:#e879f9;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-top:.5rem;padding:.6rem 0 .3rem;text-transform:uppercase}.public-landing .pricing-feature-divider:before{content:""!important}.public-landing .pricing-card-creator{border-color:#3b82f6!important;box-shadow:0 8px 30px #3b82f626}.public-landing .pricing-card-creator .pricing-credits{color:#3b82f6}.public-landing .pricing-card-producer{border-color:#8b5cf6!important;box-shadow:0 8px 30px #8b5cf626}.public-landing .pricing-card-producer .pricing-credits{color:#8b5cf6}.public-landing .pricing-badge-producer{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important}.public-landing .pricing-card-professional{border-color:#f59e0b!important;box-shadow:0 8px 30px #f59e0b26}.public-landing .pricing-card-professional .pricing-credits{color:#f59e0b}.public-landing .pricing-every-band{color:#ffffff80;font-size:.85rem;margin:1rem 0 .5rem;text-align:center}.public-landing .pricing-card .btn{margin-top:1.5rem;width:100%}.public-landing .pricing-note{color:#ffffff80;font-size:.8rem;margin-top:.75rem;text-align:center}.public-landing .addons-section{margin-top:4rem;text-align:center}.public-landing .addons-section h3{font-size:1.5rem;margin-bottom:2rem}.public-landing .addons-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:900px}.public-landing .addon-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.public-landing .addon-icon{display:block;font-size:2rem;margin-bottom:.75rem}.public-landing .addon-card h4{font-size:1.1rem;margin-bottom:.5rem}.public-landing .addon-card p{color:#fff9;font-size:.85rem;margin-bottom:.75rem}.public-landing .addon-price{color:#667eea;font-weight:700}.public-landing .marketing-faq{margin:0 auto;max-width:1200px;padding:5rem 2rem}.public-landing .marketing-faq h2{font-size:2rem;margin-bottom:3rem;text-align:center}.public-landing .faq-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.public-landing .faq-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.public-landing .faq-item h4{color:#fff;font-size:1rem;margin-bottom:.75rem}.public-landing .faq-item p{color:#ffffffb3;font-size:.9rem;line-height:1.5}.public-landing .marketing-cta-final{background:radial-gradient(ellipse at center,#667eea26 0,#0000 70%);padding:5rem 2rem;text-align:center}.public-landing .marketing-cta-final h2{font-size:2.5rem;margin-bottom:1rem}.public-landing .marketing-cta-final p{color:#ffffffb3;margin-bottom:2rem}.public-landing .cta-note{color:#ffffff80;font-size:.9rem;margin-top:1rem}.public-landing .public-footer{border-top:1px solid #ffffff1a;padding:3rem 2rem;text-align:center}.public-landing .public-footer-content{margin:0 auto;max-width:1200px}.public-landing .footer-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:1.5rem}.public-landing .footer-links a{color:#fff9;font-size:.9rem;text-decoration:none;transition:color .2s ease}.public-landing .footer-links a:hover{color:#fff}.public-landing .footer-links .cookie-choices-link{background:none;border:none;color:#fff9;cursor:pointer;font:inherit;font-size:.9rem;padding:0;transition:color .2s ease}.public-landing .footer-links .cookie-choices-link:focus-visible,.public-landing .footer-links .cookie-choices-link:hover{color:#fff}.public-landing .footer-copyright{color:#fff6;font-size:.85rem}.public-landing .spinner-small{animation:spin 1s linear infinite;border:2px solid #fff3;border-radius:50%;border-top-color:#667eea;height:24px;width:24px}.public-landing .featured-bands-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.public-landing .featured-band-card{aspect-ratio:1;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s}.public-landing .featured-band-card:hover{transform:scale(1.05)}.public-landing .featured-band-overlay{background:linear-gradient(#0000,#000000d9);bottom:0;left:0;padding:2rem .75rem .75rem;position:absolute;right:0}.public-landing .hero-play-overlay{transition:opacity .2s}.public-landing .hero-play-overlay:hover{opacity:1!important}@media (max-width:900px){.public-landing .featured-bands-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:500px){.public-landing .featured-bands-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1200px){.public-landing .pricing-grid-four{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.public-landing .marketing-hero-title{font-size:2.25rem}.public-landing .marketing-hero-subtitle{font-size:1rem}.public-landing .marketing-hero .marketing-hero-content{flex-direction:column!important;padding:2.5rem 1.5rem!important;text-align:center!important}.public-landing .marketing-hero .marketing-hero-content>div:first-child{height:200px!important;width:200px!important}.public-landing .marketing-hero .marketing-hero-cta{align-items:center;flex-direction:column;justify-content:center!important}.public-landing .marketing-feature-text h2{font-size:1.75rem}.public-landing .pricing-grid-four,.public-landing .pricing-grid-three{grid-template-columns:1fr}.public-landing .song-item{grid-template-columns:30px 40px 1fr}.public-landing .song-genre,.public-landing .song-plays{display:none}}.public-landing .band-lightbox{align-items:center;animation:fadeIn .2s ease-out;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.public-landing .lightbox-content{align-items:center;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;position:relative}.public-landing .lightbox-close{background:none;border:none;color:#fff;cursor:pointer;font-size:2.5rem;line-height:1;opacity:.7;padding:.5rem;position:absolute;right:-10px;top:-40px;transition:opacity .2s}.public-landing .lightbox-close:hover{opacity:1}.public-landing .lightbox-image{border:6px solid #fff;border-radius:4px;box-shadow:0 8px 40px #00000080;max-height:70vh;max-width:70vw;object-fit:contain;transform:none}.public-landing .lightbox-info{color:#fff;margin-top:1rem;text-align:center}.public-landing .lightbox-info h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.public-landing .lightbox-genre{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:999px;display:inline-block;font-size:.875rem;padding:.25rem .75rem}.marketing-page{background:#08080d;color:#f1f5f9;font-family:DM Sans,-apple-system,sans-serif;min-height:100vh;overflow-x:hidden;padding:2rem;position:relative}.marketing-page:before{background:radial-gradient(ellipse 600px 500px at 15% 10%,#667eea1a 0,#0000 70%),radial-gradient(ellipse 500px 400px at 85% 30%,#8b5cf614 0,#0000 70%),radial-gradient(ellipse 700px 500px at 50% 90%,#10b9810f 0,#0000 70%)}.marketing-page:after,.marketing-page:before{content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.marketing-page:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E");opacity:.4}.marketing-page-compact{padding:1rem 2rem}.marketing-page .marketing-container{margin:0 auto;max-width:1000px;position:relative;z-index:1}.marketing-page .credits-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#a78bfa1a;border:1px solid #a78bfa40;border-radius:20px;color:#a78bfa;font-size:.85rem;font-weight:600;letter-spacing:.02em;padding:.5rem 1.15rem;position:absolute;right:0;top:0}.marketing-page .marketing-hero{padding:4rem 2rem;text-align:center}.marketing-page .marketing-hero-compact{padding:2rem 2rem 1.5rem}.marketing-page .marketing-hero-minimal{padding:1.5rem 2rem .75rem}.marketing-page .hero-title{animation:smp-fadeInUp .6s ease-out;color:#f1f5f9;font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.25rem}.marketing-page .gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#a78bfa 50%,#c084fc);-webkit-background-clip:text;background-clip:text}.marketing-page .hero-subtitle{animation:smp-fadeInUp .6s ease-out .1s both;color:#ffffff8c;font-size:1.2rem;line-height:1.65;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:560px}.marketing-page .marketing-hero-minimal .hero-title{margin-bottom:.75rem}.marketing-page .marketing-hero-minimal .hero-subtitle{margin-bottom:0}.marketing-page .hero-actions{animation:smp-fadeInUp .6s ease-out .2s both;display:flex;gap:.875rem;justify-content:center;padding:1.5rem 0 2rem}.marketing-page .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 20px #667eea4d;color:#fff;cursor:pointer;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.01em;padding:1rem 2rem;transition:all .3s ease}.marketing-page .btn-primary:hover{box-shadow:0 8px 28px #667eea66;transform:translateY(-2px)}.marketing-page .btn-hero{border-radius:12px;font-size:1.1rem;padding:1.15rem 2.5rem}.marketing-page .btn-large{font-size:1.125rem;padding:1.25rem 2.5rem}.marketing-page .btn-secondary{background:#ffffff0a;border:1.5px solid #ffffff1f;border-radius:10px;color:#fffc;cursor:pointer;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:500;padding:1rem 2rem;transition:all .3s ease}.marketing-page .btn-secondary:hover{background:#ffffff14;border-color:#ffffff40;color:#fff}.marketing-page .btn-hero-secondary{font-size:1.1rem;padding:1.15rem 2.5rem}.marketing-page .btn-tertiary{background:#0000;border:1px solid #ffffff14;border-radius:10px;color:#ffffff80;cursor:pointer;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:500;padding:1rem 2rem;transition:all .3s ease}.marketing-page .btn-tertiary:hover{background:#ffffff08;border-color:#ffffff26;color:#ffffffbf}.marketing-page .btn-hero-tertiary{font-size:1rem;padding:1rem 2rem}.marketing-page .btn-ghost{background:#0000;border:none;color:#fff9;cursor:pointer;font-size:.95rem;padding:.75rem 1.5rem;transition:all .2s ease}.marketing-page .btn-ghost:hover{color:#fff}.marketing-page .btn-link{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:.9rem;margin-top:1rem;text-decoration:underline;transition:color .2s ease}.marketing-page .btn-link:hover{color:#ffffffe6}.marketing-page .hero-buttons{align-items:center;display:flex;flex-direction:column;gap:1rem}.marketing-page .hero-buttons-row{flex-direction:row;gap:1rem;justify-content:center}.marketing-page .btn-explore{font-size:1.125rem;padding:1.25rem 2rem}.marketing-page .value-props{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr);padding:1.5rem 0 2rem}.marketing-page .value-card{background:hsla(0,0%,100%,.025);border:1px solid #ffffff0f;border-radius:18px;overflow:hidden;padding:1.75rem;position:relative;transition:all .35s cubic-bezier(.4,0,.2,1)}.marketing-page .value-card:before{background:linear-gradient(135deg,#0000 40%,#667eea33);border-radius:18px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;pointer-events:none;position:absolute;transition:opacity .35s ease}.marketing-page .value-card:hover{background:#ffffff0a;box-shadow:0 20px 40px #0000004d;transform:translateY(-4px)}.marketing-page .value-card:hover:before{opacity:1}.marketing-page .value-card.featured{background:#667eea0a;border-color:#667eea4d}.marketing-page .value-card.featured:before{background:linear-gradient(135deg,#667eea4d,#a78bfa4d);opacity:1}.marketing-page .value-card:first-child .value-icon{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 20px #667eea4d}.marketing-page .value-card:nth-child(2) .value-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 20px #10b9814d}.marketing-page .value-card:nth-child(3) .value-icon{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 20px #f59e0b4d}.marketing-page .value-card:nth-child(4) .value-icon{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 4px 20px #ec48994d}.marketing-page .coming-soon-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:1px;padding:.3rem .7rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem}.marketing-page .value-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;display:flex;height:48px;justify-content:center;margin-bottom:1.15rem;transition:transform .3s ease;width:48px}.marketing-page .value-card:hover .value-icon{transform:scale(1.08)}.marketing-page .value-icon svg{color:#fff;height:22px;width:22px}.marketing-page .value-card h2{color:#f1f5f9;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.875rem}.marketing-page .value-card p{color:#ffffff8c;font-size:.9rem;line-height:1.7;margin-bottom:.75rem}.marketing-page .value-card p:last-child{margin-bottom:0}.marketing-page .value-highlight{color:#fffc!important;line-height:1.7}.marketing-page .value-highlight strong{color:#a78bfa}.marketing-page .value-punchline{border-top:1px solid #a78bfa1a;color:#a78bfa!important;font-size:.9rem!important;font-weight:600;margin-top:1rem!important;padding-top:.75rem}.marketing-page .final-cta{background:#667eea0a;border:1px solid #667eea14;border-radius:20px;margin:2rem 0;padding:4rem 2rem;text-align:center}.marketing-page .final-cta-compact{border-radius:16px;margin:.5rem 0 1.5rem;padding:2.5rem 2rem}.marketing-page .final-cta h2{font-family:Outfit,sans-serif;font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.75rem}.marketing-page .final-cta-compact h2{font-size:1.75rem;margin-bottom:1.25rem}.marketing-page .final-cta p{color:#fff9;margin-bottom:2rem}.marketing-page .final-cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.marketing-page .trust-section{border-top:1px solid #ffffff0d;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin-top:.5rem;padding:1.75rem 0 2rem}.marketing-page .trust-item{text-align:center;transition:transform .3s ease}.marketing-page .trust-item:hover{transform:translateY(-2px)}.marketing-page .trust-item strong{color:#a78bfa;display:block;font-size:.95rem;font-weight:700;letter-spacing:.01em;margin-bottom:.4rem}.marketing-page .trust-item span{color:#ffffff73;font-size:.825rem;letter-spacing:.01em}.marketing-page .credits-empty-section{animation:smp-fadeInUp .6s ease-out;margin:0 auto;max-width:500px;padding:6rem 2rem;text-align:center}.marketing-page .credits-icon{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;box-shadow:0 8px 32px #f59e0b4d;display:flex;height:80px;justify-content:center;margin:0 auto 2rem;width:80px}.marketing-page .credits-icon svg{color:#fff;height:40px;width:40px}.marketing-page .credits-empty-section h1{font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:1rem}.marketing-page .credits-subtitle{color:#fff9;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.marketing-page .credits-options{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.marketing-page .credits-hint{color:#fff6;font-size:.875rem}@keyframes smp-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.marketing-page{padding:1rem}.marketing-page-compact{padding:.75rem 1rem}.marketing-page .credits-badge{display:inline-block;margin-bottom:.75rem;position:static}.marketing-page .marketing-hero-minimal{padding:1rem 1rem .5rem}.marketing-page .hero-title{font-size:1.85rem}.marketing-page .hero-subtitle{font-size:1rem}.marketing-page .hero-actions{align-items:center;flex-direction:column;gap:.75rem}.marketing-page .hero-actions .btn-hero,.marketing-page .hero-actions .btn-hero-secondary,.marketing-page .hero-actions .btn-hero-tertiary{justify-content:center;max-width:320px;text-align:center;width:100%}.marketing-page .hero-buttons-row{flex-direction:column}.marketing-page .value-props{gap:1rem;grid-template-columns:1fr;padding:1rem 0 1.5rem}.marketing-page .value-card{padding:1.25rem}.marketing-page .value-card h2{font-size:1.15rem}.marketing-page .value-card p{font-size:.85rem;line-height:1.65}.marketing-page .final-cta{padding:2rem 1rem}.marketing-page .final-cta-compact{margin:.25rem 0 1rem;padding:1.75rem 1.25rem}.marketing-page .final-cta h2{font-size:1.25rem}.marketing-page .final-cta-compact h2{font-size:1.35rem}.marketing-page .final-cta-buttons{align-items:center;flex-direction:column}.marketing-page .trust-section{gap:2rem;padding:1.25rem 0 1.5rem}.marketing-page .credits-empty-section{padding:3rem 1rem}.marketing-page .credits-empty-section h1{font-size:1.6rem}}@media (max-width:480px){.marketing-page .hero-title{font-size:1.5rem}.marketing-page .btn-hero{font-size:1rem;padding:1rem 1.5rem;width:100%}.marketing-page .btn-explore{width:100%}.marketing-page .trust-section{align-items:center;flex-direction:column;gap:1rem}.marketing-page .value-icon{border-radius:12px;height:42px;width:42px}.marketing-page .value-icon svg{height:20px;width:20px}}.auth-callback-page{align-items:center;background:var(--gradient-primary);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-callback-box{background:var(--surface);border-radius:24px;box-shadow:0 25px 80px #00000059;max-width:100%;padding:48px;text-align:center;width:400px}.auth-callback-loading{align-items:center;display:flex;flex-direction:column;gap:24px}.auth-callback-loading .spinner{animation:spin .8s linear infinite;border:4px solid var(--border);border-radius:50%;border-top:4px solid #667eea;height:48px;width:48px}.auth-callback-loading p{color:var(--text-secondary);font-size:16px;margin:0}.auth-callback-error{align-items:center;display:flex;flex-direction:column;gap:16px}.auth-callback-error .error-icon{color:var(--danger);height:64px;width:64px}.auth-callback-error h2{color:var(--text);font-size:24px;margin:0}.auth-callback-error p{color:var(--text-secondary);font-size:15px;margin:0}.auth-callback-error .btn-back{background:var(--gradient-primary);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:14px 32px;transition:all .2s ease}.auth-callback-error .btn-back:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-1px)}[data-theme=dark] .auth-callback-box{box-shadow:0 25px 80px #00000080}.choose-username-page{align-items:center;background:var(--background);display:flex;justify-content:center;min-height:100vh;padding:20px}.choose-username-page .confetti-canvas{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1000}.choose-username-page .choose-username-box{background:var(--surface);border-radius:16px;box-shadow:0 4px 24px #00000026;max-width:450px;padding:40px;position:relative;width:100%;z-index:1}.choose-username-page .welcome-celebration{margin-bottom:32px;text-align:center}.choose-username-page .celebration-emoji{animation:bounce .6s ease-in-out infinite alternate;font-size:64px;margin-bottom:16px}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.choose-username-page .welcome-celebration h1{color:var(--text);font-size:28px;margin:0 0 16px}.choose-username-page .celebration-message{color:var(--text);font-size:18px;margin:0 0 8px}.choose-username-page .celebration-message strong{color:var(--primary);font-weight:600}.choose-username-page .credits-info{color:var(--text-secondary);font-size:14px;margin:0}.choose-username-page .welcome-header{margin-bottom:32px;text-align:center}.choose-username-page .welcome-header h1{color:var(--text);font-size:24px;margin:0 0 8px}.choose-username-page .welcome-header p{color:var(--text-secondary);font-size:16px;margin:0}.choose-username-page .username-form{display:flex;flex-direction:column;gap:20px}.choose-username-page .form-group{display:flex;flex-direction:column;gap:8px}.choose-username-page .form-group label{color:var(--text);font-size:14px;font-weight:500}.choose-username-page .username-input-wrapper{align-items:center;display:flex;position:relative}.choose-username-page .username-input-wrapper input{background:var(--background);border:2px solid var(--border);border-radius:8px;color:var(--text);font-size:16px;padding:14px 40px 14px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.choose-username-page .username-input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.choose-username-page .status-icon{font-size:18px;font-weight:700;position:absolute;right:14px}.choose-username-page .status-icon.checking{color:var(--text-secondary)}.choose-username-page .status-icon.available{color:#10b981}.choose-username-page .status-icon.taken{color:#ef4444}.choose-username-page .username-hint{color:var(--text-secondary);font-size:13px;margin:0}.choose-username-page .username-taken{color:#ef4444;font-size:13px;margin:0}.choose-username-page .error-message{background:#ef44441a;border-radius:8px;color:#ef4444;font-size:14px;margin:0;padding:12px}.choose-username-page .submit-btn{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:background .2s,transform .1s}.choose-username-page .submit-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.choose-username-page .submit-btn:disabled{cursor:not-allowed;opacity:.6}.choose-username-page .keep-username-hint{color:var(--text-secondary);font-size:13px;font-style:italic;margin:0;text-align:center}.choose-username-page .loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;margin:40px auto;width:40px}[data-theme=dark] .choose-username-page .choose-username-box{background:var(--surface);box-shadow:0 4px 24px #0006}[data-theme=dark] .choose-username-page .username-input-wrapper input{background:var(--background-secondary);border-color:var(--border)}[data-theme=dark] .choose-username-page .username-input-wrapper input:-webkit-autofill{-webkit-text-fill-color:var(--text)!important;-webkit-box-shadow:0 0 0 30px var(--background-secondary) inset!important}@media (max-width:480px){.choose-username-page .choose-username-box{padding:24px}.choose-username-page .celebration-emoji{font-size:48px}.choose-username-page .welcome-celebration h1{font-size:24px}}.verify-email-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.verify-email-page .verify-email-container{background:#fff;background:var(--bg-primary,#fff);border-radius:24px;box-shadow:0 25px 80px #00000059;color:#1a1a1a;color:var(--text-primary,#1a1a1a);max-width:100%;padding:40px 36px 32px;text-align:center;width:440px}.verify-email-page .verify-email-logo{display:block;height:auto;margin:0 auto 24px;max-width:200px;width:100%}.verify-email-page .email-icon{color:#667eea;height:72px;margin:0 auto 20px;width:72px}.verify-email-page .email-icon svg{height:100%;width:100%}.verify-email-page .verify-email-container h2{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 16px}.verify-email-page .verify-email-text{color:#666;color:var(--text-secondary,#666);font-size:14px;margin:0 0 8px}.verify-email-page .email-address{color:#667eea;font-size:16px;font-weight:600;margin:0 0 20px;word-break:break-all}.verify-email-page .instructions{color:#666;color:var(--text-secondary,#666);font-size:14px;line-height:1.6;margin:0 0 24px}.verify-email-page .tips-box{background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border-radius:12px;margin-bottom:24px;padding:16px 20px;text-align:left}.verify-email-page .tips-title{color:#333;color:var(--text-primary,#333);font-size:14px;font-weight:600;margin:0 0 10px}.verify-email-page .tips-box ul{color:#666;color:var(--text-secondary,#666);font-size:13px;line-height:1.7;margin:0;padding:0 0 0 20px}.verify-email-page .tips-box li{margin-bottom:4px}.verify-email-page .btn-resend{align-items:center;background:#0000;border:2px solid #667eea;border-radius:10px;color:#667eea;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s ease;width:100%}.verify-email-page .btn-resend:hover:not(:disabled){background:#667eea;color:#fff}.verify-email-page .btn-resend:disabled{cursor:not-allowed;opacity:.5}.verify-email-page .btn-spinner{animation:spin .8s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;height:16px;width:16px}.verify-email-page .resent-message{color:#10b981;font-size:14px;font-weight:500;margin:12px 0 0}.verify-email-page .footer-links{border-top:1px solid #eee;border-top:1px solid var(--border,#eee);color:#666;color:var(--text-secondary,#666);font-size:14px;margin-top:24px;padding-top:20px;text-align:center}.verify-email-page .footer-links a{color:#667eea;font-weight:500;text-decoration:none}.verify-email-page .footer-links a:hover{text-decoration:underline}.verify-email-page .footer-links .divider{color:#ddd;color:var(--border,#ddd);margin:0 12px}.verify-email-page .error-state{padding:20px 0}.verify-email-page .error-state h2{color:var(--danger);font-size:24px;margin:0 0 12px}.verify-email-page .error-state p{color:#666;color:var(--text-secondary,#666);font-size:14px;margin:0 0 20px}.verify-email-page .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;padding:12px 28px;text-decoration:none;transition:all .2s ease}.verify-email-page .btn-primary:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-1px)}[data-theme=dark] .verify-email-page .verify-email-container{background:var(--surface);color:var(--text)}[data-theme=dark] .verify-email-page .verify-email-container h2{color:var(--text)}[data-theme=dark] .verify-email-page .instructions,[data-theme=dark] .verify-email-page .verify-email-text{color:var(--text-secondary)}[data-theme=dark] .verify-email-page .tips-box{background:var(--background-secondary)}[data-theme=dark] .verify-email-page .tips-title{color:var(--text)}[data-theme=dark] .verify-email-page .tips-box ul{color:var(--text-secondary)}[data-theme=dark] .verify-email-page .footer-links{border-top-color:var(--border);color:var(--text-secondary)}[data-theme=dark] .verify-email-page .footer-links .divider{color:var(--border)}[data-theme=dark] .verify-email-page .error-state p{color:var(--text-secondary)}@media (max-width:480px){.verify-email-page .verify-email-container{border-radius:20px;padding:28px 24px 24px}.verify-email-page .verify-email-logo{margin-bottom:20px;max-width:160px}.verify-email-page .email-icon{height:56px;width:56px}.verify-email-page .verify-email-container h2{font-size:24px}.verify-email-page .footer-links{display:flex;flex-direction:column;gap:12px}.verify-email-page .footer-links .divider{display:none}}.complete-signup-page{align-items:center;background:linear-gradient(135deg,#0f172a,#1e1b4b 50%,#0f172a);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:16px;position:relative}.complete-signup-page:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath fill='%239333ea' fill-opacity='.15' d='m0 192 48 5.3c48 5.7 144 15.7 240 32 96 15.7 192 37.7 288 21.4 96-15.7 192-69.7 288-69.4 96-.3 192 53.7 288 53.4 96 .3 192-53.7 240-80l48-26.7v192H0Z'/%3E%3C/svg%3E") no-repeat bottom;background-size:cover;bottom:0;content:"";height:256px;left:0;opacity:.6;pointer-events:none;position:absolute;right:0}.complete-signup-page .complete-signup-container{background:#0a0a0f;border:1px solid #33415580;border-radius:16px;box-shadow:0 25px 80px #0009;color:#f1f5f9;max-width:420px;padding:32px;position:relative;text-align:center;width:100%;z-index:10}.complete-signup-page .complete-signup-logo{border-radius:12px;box-shadow:0 8px 32px #9333ea66;display:block;height:80px;margin:0 auto 20px;width:auto}.complete-signup-page .complete-signup-container h2{color:#f1f5f9;font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0 0 8px}.complete-signup-page .complete-signup-subtitle{color:#94a3b8;font-size:14px;margin:0 0 24px}.complete-signup-page .complete-signup-subtitle strong{color:#a78bfa}.complete-signup-page .loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;padding:40px 0}.complete-signup-page .spinner{animation:spin .8s linear infinite;border:3px solid #8b5cf633;border-radius:50%;border-top-color:#8b5cf6;height:40px;width:40px}.complete-signup-page .loading-state p{color:#94a3b8;font-size:14px}.complete-signup-page .error-state{align-items:center;display:flex;flex-direction:column;gap:12px;padding:20px 0}.complete-signup-page .error-icon{color:#f87171;height:56px;width:56px}.complete-signup-page .error-icon svg{height:100%;width:100%}.complete-signup-page .error-state h2{color:#f87171;font-size:22px;margin:8px 0}.complete-signup-page .error-state p{color:#94a3b8;font-size:14px;line-height:1.5;max-width:280px;text-align:center}.complete-signup-page .btn-try-again{background:linear-gradient(135deg,#7c3aed,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 20px #7c3aed66;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;margin-top:12px;padding:12px 28px;text-decoration:none;transition:all .2s ease}.complete-signup-page .btn-try-again:hover{box-shadow:0 6px 28px #7c3aed80;transform:translateY(-2px)}.complete-signup-page .complete-signup-form{display:flex;flex-direction:column;gap:12px;text-align:left}.complete-signup-page .form-row-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.complete-signup-page .form-field{display:flex;flex-direction:column;gap:4px}.complete-signup-page .form-field input{background:#3341554d;border:1px solid #334155;border-radius:10px;box-sizing:border-box;color:#f1f5f9;font-size:15px;padding:14px 16px;transition:all .2s ease;width:100%}.complete-signup-page .form-field input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633;outline:none}.complete-signup-page .form-field input.error{border-color:#dc2626}.complete-signup-page .form-field input:disabled{background:#1e293b;opacity:.6}.complete-signup-page .form-field input::placeholder{color:#64748b}.complete-signup-page .form-field input:-webkit-autofill,.complete-signup-page .form-field input:-webkit-autofill:active,.complete-signup-page .form-field input:-webkit-autofill:focus,.complete-signup-page .form-field input:-webkit-autofill:hover{-webkit-text-fill-color:#f1f5f9!important;background-color:#0a0a0f!important;-webkit-box-shadow:inset 0 0 0 30px #0a0a0f!important;caret-color:#f1f5f9;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.complete-signup-page .error-text{color:#f87171;font-size:12px;font-weight:500}.complete-signup-page .terms-text{color:#64748b;font-size:12px;line-height:1.5;margin:8px 0 12px;text-align:center}.complete-signup-page .terms-text a{color:#a78bfa;font-weight:500;text-decoration:none}.complete-signup-page .terms-text a:hover{color:#c4b5fd}.complete-signup-page .btn-complete{background:linear-gradient(135deg,#7c3aed,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 20px #7c3aed66;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px;transition:all .2s ease;width:100%}.complete-signup-page .btn-complete:hover:not(:disabled){box-shadow:0 6px 28px #7c3aed80;transform:translateY(-2px)}.complete-signup-page .btn-complete:disabled{cursor:not-allowed;opacity:.5}.complete-signup-page .error-message{background:#ef444426;border:1px solid #ef44444d;border-radius:10px;color:#f87171;font-size:13px;font-weight:500;margin-top:16px;padding:12px 16px;text-align:center}.complete-signup-page .footer-links{border-top:1px solid #334155;color:#64748b;font-size:13px;margin-top:24px;padding-top:20px;text-align:center}.complete-signup-page .footer-links a{color:#a78bfa;font-weight:500;text-decoration:none}.complete-signup-page .footer-links a:hover{color:#c4b5fd}@media (max-width:480px){.complete-signup-page .complete-signup-container{border-radius:12px;padding:24px 20px}.complete-signup-page .complete-signup-logo{height:64px;margin-bottom:16px}.complete-signup-page .complete-signup-container h2{font-size:20px}.complete-signup-page .complete-signup-subtitle{font-size:13px;margin-bottom:20px}.complete-signup-page .form-row-2{grid-template-columns:1fr}.complete-signup-page .form-field input{font-size:14px;padding:12px 14px}.complete-signup-page .btn-complete{font-size:14px;padding:12px}}.forgot-password-page{align-items:center;background:linear-gradient(135deg,#0f172a,#1e1b4b 50%,#0f172a);display:flex;justify-content:center;min-height:100vh;padding:20px}.forgot-password-page .forgot-password-container{background:#1e293b;border:1px solid #94a3b81a;border-radius:24px;box-shadow:0 25px 80px #00000080;color:#f1f5f9;max-width:95%;padding:48px 60px 40px;text-align:center;width:450px}.forgot-password-page .forgot-password-logo{display:block;height:auto;margin:0 auto 24px;max-width:200px;width:100%}.forgot-password-page .forgot-password-container h2{color:#f1f5f9;font-size:28px;font-weight:700;margin:0 0 12px}.forgot-password-page .forgot-password-subtitle{color:#94a3b8;font-size:15px;line-height:1.5;margin:0 0 24px}.forgot-password-page .forgot-password-form{display:flex;flex-direction:column;gap:16px}.forgot-password-page .forgot-password-form .form-field input{background:#0f172a;border:2px solid #475569;border-radius:14px;box-sizing:border-box;color:#f1f5f9;font-size:17px;padding:18px 20px;transition:all .2s ease;width:100%}.forgot-password-page .forgot-password-form .form-field input:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf640;outline:none}.forgot-password-page .btn-submit{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:14px;box-shadow:0 6px 20px #4f46e580;color:#fff;cursor:pointer;font-size:17px;font-weight:600;padding:18px 28px;transition:all .25s ease;width:100%}.forgot-password-page .btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#6d28d9);box-shadow:0 10px 30px #4f46e599;transform:translateY(-3px)}.forgot-password-page .btn-submit:disabled{cursor:not-allowed;opacity:.6}.forgot-password-page .btn-back-to-login{color:#94a3b8;display:block;font-size:14px;font-weight:500;margin-top:20px;text-decoration:none;transition:color .2s ease}.forgot-password-page .btn-back-to-login:hover{color:#8b5cf6}.forgot-password-page .error-message{background:#ef444426;border:1px solid #ef444466;border-radius:12px;color:#f87171;font-size:14px;font-weight:500;margin-bottom:16px;padding:14px 18px;text-align:center}.forgot-password-page .success-message{text-align:center}.forgot-password-page .success-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.forgot-password-page .success-icon svg{color:#fff;height:32px;width:32px}.forgot-password-page .success-message h2{color:#f1f5f9;margin:0 0 16px}.forgot-password-page .success-message p{color:#94a3b8;font-size:15px;line-height:1.6;margin:0 0 8px}.forgot-password-page .success-message p strong{color:#f1f5f9}.forgot-password-page .success-message .note{color:#64748b;font-size:13px;margin-top:16px}@media (max-width:480px){.forgot-password-page .forgot-password-container{padding:32px 24px 28px}.forgot-password-page .forgot-password-logo{max-width:160px}.forgot-password-page .forgot-password-container h2{font-size:24px}}.reset-password-page{align-items:center;background:linear-gradient(135deg,#0f172a,#1e1b4b 50%,#0f172a);display:flex;justify-content:center;min-height:100vh;padding:20px}.reset-password-page .reset-password-container{background:#1e293b;border:1px solid #94a3b81a;border-radius:24px;box-shadow:0 25px 80px #00000080;color:#f1f5f9;max-width:95%;padding:48px 60px 40px;text-align:center;width:450px}.reset-password-page .reset-password-logo{display:block;height:auto;margin:0 auto 24px;max-width:200px;width:100%}.reset-password-page .reset-password-container h2{color:#f1f5f9;font-size:28px;font-weight:700;margin:0 0 12px}.reset-password-page .reset-password-subtitle{color:#94a3b8;font-size:15px;line-height:1.5;margin:0 0 24px}.reset-password-page .reset-password-subtitle strong{color:#f1f5f9}.reset-password-page .reset-password-form{display:flex;flex-direction:column;gap:16px}.reset-password-page .reset-password-form .form-field input{background:#0f172a;border:2px solid #475569;border-radius:14px;box-sizing:border-box;color:#f1f5f9;font-size:17px;padding:18px 20px;transition:all .2s ease;width:100%}.reset-password-page .reset-password-form .form-field input:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf640;outline:none}.reset-password-page .btn-submit{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:14px;box-shadow:0 6px 20px #4f46e580;color:#fff;cursor:pointer;font-size:17px;font-weight:600;padding:18px 28px;transition:all .25s ease;width:100%}.reset-password-page .btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#6d28d9);box-shadow:0 10px 30px #4f46e599;transform:translateY(-3px)}.reset-password-page .btn-submit:disabled{cursor:not-allowed;opacity:.6}.reset-password-page .error-message{background:#ef444426;border:1px solid #ef444466;border-radius:12px;color:#f87171;font-size:14px;font-weight:500;margin-bottom:16px;padding:14px 18px;text-align:center}.reset-password-page .loading-spinner{animation:spin 1s linear infinite;border:3px solid #475569;border-radius:50%;border-top-color:#8b5cf6;height:40px;margin:20px auto;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.reset-password-page .error-state{text-align:center}.reset-password-page .error-icon{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.reset-password-page .error-icon svg{color:#fff;height:32px;width:32px}.reset-password-page .error-state h2{color:#f1f5f9;margin:0 0 12px}.reset-password-page .error-state p{color:#94a3b8;font-size:15px;margin:0 0 24px}.reset-password-page .btn-request-new{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;padding:14px 28px;text-decoration:none;transition:all .25s ease}.reset-password-page .btn-request-new:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);transform:translateY(-2px)}.reset-password-page .success-message{text-align:center}.reset-password-page .success-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.reset-password-page .success-icon svg{color:#fff;height:32px;width:32px}.reset-password-page .success-message h2{color:#f1f5f9;margin:0 0 12px}.reset-password-page .success-message p{color:#94a3b8;font-size:15px;margin:0 0 24px}.reset-password-page .btn-to-login{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;padding:14px 28px;transition:all .25s ease}.reset-password-page .btn-to-login:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);transform:translateY(-2px)}@media (max-width:480px){.reset-password-page .reset-password-container{padding:32px 24px 28px}.reset-password-page .reset-password-logo{max-width:160px}.reset-password-page .reset-password-container h2{font-size:24px}}@media (min-width:1024px){.nav-pill-label{display:inline}.nav-pill{padding:10px 18px}}@media (min-width:768px) and (max-width:1023px){.nav-pill-label{display:none}.nav-pill{padding:8px 12px!important}.nav-pill-container{gap:2px!important;padding:3px!important}.user-avatar-btn{height:40px!important;width:40px!important}.user-avatar-btn svg{height:28px!important;width:28px!important}.activity-count{display:none}}@media (max-width:767px){.nav-pill-container{display:none!important}.user-avatar-btn{height:36px!important;width:36px!important}.user-avatar-btn svg{height:24px!important;width:24px!important}}.app-footer{background:var(--background-secondary);border-top:1px solid var(--border);margin-top:auto;padding:1.5rem 2rem;text-align:center}.footer-content{margin:0 auto;max-width:1200px}.footer-main{color:var(--text-secondary);font-size:.85rem;margin-bottom:.5rem}.footer-main a{color:var(--text);text-decoration:none;transition:color .2s}.footer-main a:hover{color:var(--primary)}.footer-user{color:var(--text-tertiary);font-size:.75rem;margin-bottom:.5rem}.footer-legal{color:var(--text-tertiary);margin-bottom:.25rem}.footer-legal,.footer-links{font-size:.7rem}.footer-links a{color:var(--text-tertiary);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--primary);text-decoration:underline}.footer-link-button{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font:inherit;padding:0;transition:color .2s}.footer-link-button:focus-visible,.footer-link-button:hover{color:var(--primary);text-decoration:underline}.waitlist-page{align-items:center;background:linear-gradient(180deg,#0f0f14,#1a1a24);display:flex;flex-direction:column;min-height:100vh;padding:100px 20px 40px}.waitlist-page .waitlist-container{background:#1e1e2e;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 25px 80px #00000080;max-width:600px;padding:48px;text-align:center;width:100%}.waitlist-page .waitlist-container.success{max-width:500px}.waitlist-page .coming-soon-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:24px;padding:8px 20px;text-transform:uppercase}.waitlist-page .waitlist-container h1{color:#fff;font-size:2.5rem;margin:0 0 16px}.waitlist-page .waitlist-subtitle{color:#fff9;font-size:1.1rem;line-height:1.6;margin:0 0 24px}.waitlist-page .selected-interest{background:#667eea26;border:1px solid #667eea;border-radius:8px;color:#ffffffb3;margin-bottom:32px;padding:12px 20px}.waitlist-page .selected-interest strong{color:#667eea}.waitlist-page .perks-section{margin-bottom:32px}.waitlist-page .perks-section h2{color:#fff;font-size:1.25rem;margin:0 0 20px}.waitlist-page .perks-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.waitlist-page .perk-card{background:#2a2a3e;border-radius:12px;padding:20px 16px;text-align:center}.waitlist-page .perk-icon{display:block;font-size:2rem;margin-bottom:8px}.waitlist-page .perk-card h4{color:#fff;font-size:.95rem;margin:0 0 4px}.waitlist-page .perk-card p{color:#fff9;font-size:.8rem;margin:0}.waitlist-page .waitlist-form{margin-bottom:24px}.waitlist-page .waitlist-form .form-fields{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.waitlist-page .waitlist-form input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;color:#fff;font-size:16px;padding:16px 20px;transition:border-color .2s}.waitlist-page .waitlist-form input::placeholder{color:#fff6}.waitlist-page .waitlist-form input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.waitlist-page .waitlist-form .btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:opacity .2s,transform .2s;width:100%}.waitlist-page .waitlist-form .btn-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.waitlist-page .waitlist-form .btn-submit:disabled{cursor:not-allowed;opacity:.6}.waitlist-page .social-proof{color:#667eea;font-size:.9rem;font-weight:600;margin:16px 0 0}.waitlist-page .privacy-note{color:#ffffff80;font-size:.85rem;margin:8px 0 0}.waitlist-page .error-message{color:var(--danger);font-size:.9rem;margin:12px 0 0}.waitlist-page .btn-back{background:#0000;border:none;color:#667eea;cursor:pointer;font-size:1rem;padding:8px 16px}.waitlist-page .btn-back:hover{text-decoration:underline}.waitlist-page .success-icon{font-size:4rem;margin-bottom:16px}.waitlist-page .success-message{color:#fff9;font-size:1.1rem;margin:0 0 32px}.waitlist-page .perks-box{background:#667eea1a;border:1px solid #667eea4d;border-radius:16px;margin-bottom:32px;padding:24px;text-align:left}.waitlist-page .perks-box h3{color:#fff;font-size:1.1rem;margin:0 0 16px;text-align:center}.waitlist-page .perks-box ul{list-style:none;margin:0;padding:0}.waitlist-page .perks-box li{color:#ffffffb3;font-size:.95rem;padding:8px 0}.waitlist-page .perks-box li strong{color:#667eea}.waitlist-page .btn-back-home{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 32px;transition:opacity .2s}.waitlist-page .btn-back-home:hover{opacity:.9}@media (max-width:600px){.waitlist-page .waitlist-container{padding:32px 24px}.waitlist-page .waitlist-container h1{font-size:1.75rem}.waitlist-page .perks-grid{grid-template-columns:1fr}.waitlist-page .waitlist-form .form-row{flex-direction:column}.waitlist-page .waitlist-form button{width:100%}}.heart-rating{display:inline-flex;position:relative;z-index:10}.heart-rating--open{z-index:1000}.heart-rating__trigger{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.heart-rating__trigger:hover{background:#0009;transform:scale(1.1)}.heart-rating__trigger:disabled{cursor:not-allowed;opacity:.5}.heart-rating__trigger--rated{background:#e91e6333}.heart-rating__trigger--rated:hover{background:#e91e6366}.heart-rating__trigger--rated svg{animation:heartPulse .3s ease-out}.heart-rating__selector{animation:flyOutSelector .25s ease-out;background:#282828;border:1px solid #444;border-radius:8px;box-shadow:0 8px 24px #00000080;min-width:240px;padding:16px 12px;z-index:1050}.heart-rating--position-above .heart-rating__selector{bottom:100%;margin-bottom:8px;margin-top:0;top:auto}.heart-rating__options{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.heart-rating__bar{gap:4px;margin-bottom:12px}.heart-rating__bar,.heart-rating__heart{align-items:center;display:flex;justify-content:center}.heart-rating__heart{background:#0000;border:none;border-radius:4px;cursor:pointer;padding:4px;transition:transform .15s ease}.heart-rating__heart:hover{transform:scale(1.15)}.heart-rating__heart--filled svg{filter:drop-shadow(0 0 6px rgba(233,30,99,.6))}.heart-rating__zero{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-size:12px;gap:8px;justify-content:center;margin-bottom:12px;padding:8px 12px;transition:all .15s ease;width:100%}.heart-rating__zero:hover{background:#e91e6326;border-color:#e91e634d;color:#ffffffe6}.heart-rating__zero--selected{background:#e91e6333;border-color:#e91e6380;color:#fff}.heart-rating__option{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:36px;padding:8px;transition:all .15s ease}.heart-rating__option:hover{background:#e91e6333;border-color:#e91e6366;transform:scale(1.05)}.heart-rating__option--selected{background:#e91e634d;border-color:#e91e63;box-shadow:0 0 12px #e91e6366}.heart-rating__text{border-top:1px solid #ffffff1a;color:#ffffffb3;font-size:11px;padding-top:4px;text-align:center;white-space:nowrap}.heart-rating--small .heart-rating__trigger{padding:4px}.heart-rating--medium .heart-rating__trigger{padding:6px}@keyframes flyOutSelector{0%{opacity:0;transform:scale(.9) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes heartPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes heartBeat{0%,to{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}.heart-rating--open .heart-rating__trigger{background:#e91e634d;box-shadow:0 0 12px #e91e6380}.heart-rating__playlists{border-top:1px solid #ffffff1a;margin-top:12px;padding-top:12px}.heart-rating__playlists-header{align-items:center;color:#888;display:flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.5px;margin-bottom:8px;padding:0 10px;text-transform:uppercase}.heart-rating__playlists-list{display:flex;flex-direction:column;gap:4px;max-height:150px;overflow-y:auto}.heart-rating__playlist-item{align-items:center;background:none;border:none;border-radius:6px;color:#ffffffd9;display:flex;font-size:.875rem;gap:8px;padding:6px 10px;text-align:left;transition:background-color .1s;width:100%}.heart-rating__playlist-item:hover{background:#ffffff0d}.heart-rating__playlist-item--adding .heart-rating__playlist-name{color:#1db954}.heart-rating__playlist-add-btn{align-items:center;background-color:#1db95433;border:none;border-radius:50%;color:#1db954;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:26px;justify-content:center;transition:all .15s;width:26px}.heart-rating__playlist-add-btn:hover:not(:disabled){background-color:#1db95466}.heart-rating__playlist-add-btn:disabled{cursor:not-allowed;opacity:.5}.heart-rating__playlist-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heart-rating__playlist-count{color:#fff6;font-size:10px;margin-left:8px}