:root{--ink-0:#0a0710;--bg-primary:#0a0710;--bg-gradient:radial-gradient(120% 85% at 82% -12%, #7c4dff4d 0%, #7c4dff00 55%), radial-gradient(120% 80% at -10% 18%, #38bdf829 0%, #38bdf800 52%), radial-gradient(140% 120% at 50% 120%, #e64fb02e 0%, #e64fb000 60%), #0a0710;--text-primary:#f7f4ff;--text-secondary:#a99bd0;--text-muted:#6e6391;--accent-color:#7c4dff;--accent-neon:#e64fb0;--accent-cyan:#38bdf8;--font-display:"Clash Display", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--bg-dark:var(--bg-primary);--text-light:var(--text-primary)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);background-attachment:fixed;background-color:var(--ink-0);color:var(--text-light);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative}body:before{content:"";z-index:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{z-index:1;position:relative}h1,h2,h3{font-family:var(--font-display)}h1{letter-spacing:-.03em;background:linear-gradient(135deg, var(--text-light) 40%, var(--accent-cyan) 120%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:600}p{color:var(--text-muted);line-height:1.5}.btn-primary{background:linear-gradient(135deg, var(--accent-color), var(--accent-neon));color:#fff;cursor:pointer;transition:transform .25s var(--spring,cubic-bezier(.34,1.56,.64,1)), box-shadow .25s ease, filter .25s ease;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 10px 30px #7c4dff59,inset 0 1px #ffffff1f}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 14px 36px #e64fb066,inset 0 1px #ffffff1f}.home-container,.not-found-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;padding:2rem;display:flex}.playlist-container{max-width:600px;min-height:100vh;margin:0 auto;padding:2rem 1rem 6rem;position:relative}.playlist-container:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(90% 55% at 50% -8%, color-mix(in srgb, var(--aura-base) 32%, transparent) 0%, transparent 60%), radial-gradient(80% 60% at 102% 105%, color-mix(in srgb, var(--aura-1) 24%, transparent) 0%, transparent 58%), radial-gradient(70% 55% at -8% 80%, color-mix(in srgb, var(--aura-2) 18%, transparent) 0%, transparent 55%);position:fixed;inset:0}.playlist-header{text-align:center;margin-bottom:2rem}.fab-suggest{background:linear-gradient(135deg, var(--accent-color), var(--accent-neon));color:#fff;cursor:pointer;z-index:50;border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #e64fb073,inset 0 1px #ffffff1f}.fab-suggest:hover{transform:translate(-50%)scale(1.05)}.loading-backdrop{z-index:200;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;background:#0a0710db!important}.spinner{margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.playing-bars{align-items:flex-end;gap:3px;height:20px;display:flex}.playing-bars .bar{background:var(--accent-neon);border-radius:2px;width:3px;animation:.8s ease-in-out infinite alternate bounce}.playing-bars .bar:nth-child(2){animation-duration:.5s}.playing-bars .bar:nth-child(3){animation-duration:.7s}@keyframes bounce{0%{height:5px}to{height:20px}}*{box-sizing:border-box}:root{--ink-0:#0a0710;--ink-1:#140b22;--ink-2:#1c1030;--ink-3:#251642;--bg-primary:var(--ink-0);--bg-secondary:var(--ink-1);--bg-gradient:radial-gradient(120% 85% at 82% -12%, #7c4dff4d 0%, #7c4dff00 55%), radial-gradient(120% 80% at -10% 18%, #38bdf829 0%, #38bdf800 52%), radial-gradient(140% 120% at 50% 120%, #e64fb02e 0%, #e64fb000 60%), var(--ink-0);--text-primary:#f7f4ff;--text-secondary:#a99bd0;--text-muted:#6e6391;--accent-color:#7c4dff;--accent-neon:#e64fb0;--accent-cyan:#38bdf8;--accent-neon-alpha:#e64fb01f;--accent-color-alpha:#7c4dff1f;--accent-cyan-alpha:#38bdf81f;--aura-base:var(--accent-color);--aura-1:var(--accent-neon);--aura-2:var(--accent-cyan);--surface-glass:#ffffff0b;--surface-border:#ffffff17;--surface-soft:#ffffff06;--surface-medium:#ffffff0f;--bg-overlay:#0a0710d1;--card-glass:#140b22a8;--panel-bg:#ffffff08;--edge-light:inset 0 1px 0 #ffffff14;--shadow-soft:0 18px 40px #00000073;--shadow-pop:0 10px 30px #7c4dff59;--success:#34d399;--danger:#fb5780;--warning:#fbbf24;--info:#38bdf8;--r-sm:12px;--r-md:16px;--r-lg:22px;--r-pill:999px;--font-display:"Clash Display", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--bg-dark:var(--bg-primary);--text-light:var(--text-primary);--surface-page:var(--bg-primary);--surface-card:var(--ink-1);--surface-raised:var(--ink-2);--surface-card-glass:var(--card-glass);--surface-control:var(--surface-medium);--surface-control-hover:var(--ink-3);--content-primary:var(--text-primary);--content-secondary:var(--text-secondary);--content-muted:var(--text-muted);--content-on-accent:#fff;--border-subtle:var(--surface-border);--border-strong:var(--accent-neon);--brand:var(--accent-neon);--brand-soft:var(--accent-neon-alpha);--brand-gradient:linear-gradient(135deg, var(--accent-color), var(--accent-neon));--accent-secondary:var(--accent-cyan);--vote-active:var(--accent-neon);--vote-idle:var(--text-muted);--action-secondary:var(--accent-cyan);--state-live:var(--success);--state-success:var(--success);--state-danger:var(--danger);--state-warning:var(--warning);--engine-spotify:#1db954;--engine-youtube:#ef4444;--engine-soundtrack:#06b6d4;--xp-color:var(--accent-cyan);--coin-gold:#fbbf24;--coin-gold-deep:#d97706;--coin-gradient:linear-gradient(135deg, var(--coin-gold), var(--coin-gold-deep));--elevation-card:var(--shadow-soft);--elevation-pop:var(--shadow-pop)}[data-theme=light]{--bg-primary:#f6f4fb;--bg-secondary:#fff;--bg-gradient:radial-gradient(120% 85% at 82% -12%, #7c4dff1a 0%, #7c4dff00 55%), radial-gradient(120% 80% at -10% 18%, #38bdf814 0%, #38bdf800 52%), #f6f4fb;--text-primary:#1a1126;--text-secondary:#5b5277;--text-muted:#8e86a8;--surface-glass:#1a11260a;--surface-border:#1a11261a;--surface-soft:#1a112605;--surface-medium:#1a11260d;--bg-overlay:#f6f4fbd1;--card-glass:#ffffffd1;--panel-bg:#1a112605;--edge-light:inset 0 1px 0 #fff9;--shadow-soft:0 18px 40px #1a11261f;--accent-color:#6d3bf0;--accent-neon:#c32c8e;--accent-cyan:#0a8bc2}h1,h2,h3,.font-display{font-family:var(--font-display);letter-spacing:-.02em}.glass-panel{background:var(--surface-glass);-webkit-backdrop-filter:blur(10px)saturate(150%);border:1px solid var(--surface-border);border-radius:var(--r-md);box-shadow:var(--shadow-soft), var(--edge-light)}.aura-card{background:var(--ink-1);border:1px solid var(--surface-border);border-radius:var(--r-lg);box-shadow:var(--shadow-soft), var(--edge-light)}.btn-primary{background:linear-gradient(135deg, var(--accent-color), var(--accent-neon));color:#fff;border-radius:var(--r-pill);cursor:pointer;transition:transform .25s var(--spring), filter .25s ease, box-shadow .25s ease;box-shadow:var(--shadow-pop), var(--edge-light);border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:flex}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 14px 36px #e64fb066, var(--edge-light);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)scale(.98)}.input-glass{border:1px solid var(--surface-border);border-radius:var(--r-sm);color:var(--text-primary);background:#ffffff0d;outline:none;width:100%;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s}.input-glass:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-color-alpha)}.btn-neon-purple{color:#f4a8d4;border-radius:var(--r-sm);cursor:pointer;transition:all .3s var(--ease-out);background:linear-gradient(45deg,#e64fb01f,#7c4dff0f);border:1px solid #e64fb066;align-items:center;gap:.6rem;padding:.6rem 1rem;font-weight:600;display:inline-flex;box-shadow:0 0 18px #e64fb01f}.btn-neon-purple:hover{background:#e64fb02e;border-color:#f4a8d4;transform:translateY(-2px);box-shadow:0 0 28px #e64fb047}.btn-neon-cyan{color:#7dd3fc;border-radius:var(--r-sm);cursor:pointer;transition:all .3s var(--ease-out);background:linear-gradient(45deg,#38bdf81f,#38bdf80d);border:1px solid #38bdf873;align-items:center;gap:.6rem;padding:.6rem 1rem;font-weight:600;display:inline-flex;box-shadow:0 0 18px #38bdf81f}.btn-neon-cyan:hover{background:#38bdf833;border-color:#7dd3fc;transform:translateY(-2px);box-shadow:0 0 28px #38bdf84d}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--surface-border);border:3px solid var(--bg-primary);border-radius:20px}::-webkit-scrollbar-thumb:hover{background:var(--accent-neon)}*{scrollbar-width:thin;scrollbar-color:var(--surface-border) var(--bg-primary)}.xp-notification-float{will-change:transform, opacity;pointer-events:none;animation:2.5s cubic-bezier(.22,1,.36,1) forwards xp-float-up;position:absolute}.xp-badge-content{-webkit-backdrop-filter:blur(12px);border-radius:var(--r-sm);white-space:nowrap;background:#e64fb02e;border:2px solid #e64fb080;align-items:center;gap:12px;padding:.6rem 1.2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 0 24px #e64fb066,inset 0 0 10px #e64fb033}.xp-icon-circle{background:var(--accent-neon);color:#fff;width:28px;height:28px;box-shadow:0 0 10px var(--accent-neon);border-radius:50%;justify-content:center;align-items:center;display:flex}.xp-text-group{flex-direction:column;display:flex}.xp-amount{text-shadow:0 0 10px #e64fb0cc;font-size:1.2rem;font-weight:900;line-height:1;color:#fff!important}.xp-reason{text-transform:uppercase;letter-spacing:1px;color:var(--accent-cyan);font-size:.7rem;font-weight:700}.xp-sparkle{color:#fff;animation:1s infinite alternate xp-sparkle-pulse;position:absolute;top:5px;right:5px}@keyframes xp-float-up{0%{opacity:0;transform:translateY(20px)scale(.8)}15%{opacity:1;transform:translateY(0)scale(1.1)}25%{transform:translateY(0)scale(1)}80%{opacity:1;transform:translateY(-40px)}to{opacity:0;transform:translateY(-60px)scale(.9)}}@keyframes xp-sparkle-pulse{0%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.song-item{border-radius:var(--r-md);background:var(--surface-soft);border:1px solid var(--border-subtle);box-shadow:var(--edge-light);transition:transform .3s var(--ease-out), background .25s ease, border-color .25s ease;align-items:center;gap:.85rem;margin-bottom:.85rem;padding:.7rem .8rem;display:flex}.song-item:hover{background:var(--surface-medium);border-color:color-mix(in srgb, var(--brand) 35%, var(--border-subtle));transform:translateY(-2px)}.song-item.own-song{border-color:color-mix(in srgb, var(--action-secondary) 45%, transparent);background:color-mix(in srgb, var(--action-secondary) 7%, transparent)}.song-cover{border-radius:var(--r-sm);flex-shrink:0;width:56px;height:56px;overflow:hidden;box-shadow:0 6px 16px #00000059}.song-cover img{object-fit:cover;width:100%;height:100%}.song-info{flex-grow:1;min-width:0}.song-info h3{white-space:nowrap;text-overflow:ellipsis;color:var(--content-primary);margin:0 0 .15rem;font-size:1rem;font-weight:600;overflow:hidden}.song-info p{color:var(--content-secondary);margin:0;font-size:.85rem}.suggested-by{color:var(--content-muted);align-items:center;gap:5px;margin-top:5px;font-size:.65rem;display:flex}.suggested-by__avatar{object-fit:cover;border:1px solid var(--border-subtle);border-radius:50%;width:14px;height:14px}.song-actions{flex-shrink:0;align-items:center;gap:8px;padding-left:.4rem;display:flex}.replace-btn{background:color-mix(in srgb, var(--action-secondary) 12%, transparent);border:1px solid var(--action-secondary);width:38px;height:38px;color:var(--action-secondary);cursor:pointer;transition:transform .3s var(--spring), background .2s ease;border-radius:50%;place-items:center;display:grid}.replace-btn:hover{background:color-mix(in srgb, var(--action-secondary) 22%, transparent);transform:rotate(-35deg)scale(1.1)}.replace-btn:active{transform:rotate(-35deg)scale(.92)}.vote-btn{border-radius:var(--r-md);background:var(--surface-soft);min-width:56px;color:var(--vote-idle);cursor:pointer;transition:transform .32s var(--spring), background .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease;border:1px solid #0000;flex-direction:column;align-items:center;gap:2px;padding:8px 10px;display:flex;position:relative;overflow:visible}.vote-btn:hover:not(:disabled){color:var(--vote-active);background:var(--surface-medium);transform:translateY(-2px)}.vote-btn:active:not(:disabled){transform:scale(.9)}.vote-btn.voted{color:var(--vote-active);background:var(--brand-soft);border-color:var(--vote-active);box-shadow:0 0 18px -3px var(--vote-active)}.vote-btn:disabled{opacity:.45;cursor:not-allowed}.vote-btn.voted .vote-thumb{animation:vote-thumb-pop .5s var(--spring)}.vote-count{letter-spacing:.02em;animation:vote-count-pop .45s var(--spring);font-size:.78rem;font-weight:800}.vote-ripple{border:2px solid var(--vote-active);pointer-events:none;width:14px;height:14px;animation:vote-ripple .6s var(--ease-out) forwards;border-radius:50%;margin:-7px 0 0 -7px;position:absolute;top:40%;left:50%}@keyframes vote-thumb-pop{0%{transform:scale(1)}40%{transform:scale(1.4)rotate(-8deg)}70%{transform:scale(.92)}to{transform:scale(1)}}@keyframes vote-count-pop{0%{transform:translateY(0)scale(1)}40%{transform:translateY(-3px)scale(1.35)}to{transform:translateY(0)scale(1)}}@keyframes vote-ripple{0%{opacity:.85;transform:scale(.5)}to{opacity:0;transform:scale(4.6)}}@media (prefers-reduced-motion:reduce){.song-item,.vote-btn,.replace-btn,.vote-btn.voted .vote-thumb,.vote-count,.vote-ripple,.skeleton-box:after{transition:none!important;animation:none!important}}.song-item-skeleton{pointer-events:none}.skeleton-box{background:var(--surface-medium);position:relative;overflow:hidden}.skeleton-box:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--content-primary) 8%, transparent), transparent);animation:skeleton-shimmer 1.4s var(--ease-out) infinite;position:absolute;inset:0;transform:translate(-100%)}.skeleton-cover{border-radius:var(--r-sm);flex-shrink:0;width:56px;height:56px}.skeleton-lines{flex-direction:column;flex-grow:1;gap:.55rem;min-width:0;display:flex}.skeleton-line{border-radius:var(--r-pill);height:.7rem}.skeleton-line.title{width:62%}.skeleton-line.artist{width:40%}.skeleton-vote{border-radius:50%;flex-shrink:0;width:44px;height:44px}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.np-hero{border-radius:var(--r-lg);background:var(--surface-card-glass);border:1px solid var(--border-subtle);box-shadow:var(--elevation-card), var(--edge-light);isolation:isolate;animation:np-enter .6s var(--ease-out) both;align-items:center;gap:1.1rem;margin-bottom:2rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.np-hero:before{content:"";z-index:-1;background-image:var(--np-cover);filter:blur(38px)saturate(150%);opacity:.45;background-position:50%;background-size:cover;animation:18s ease-in-out infinite alternate np-drift;position:absolute;inset:-40%;transform:scale(1.2)}.np-hero:after{content:"";z-index:-1;background:linear-gradient(105deg,#0a0710d1 0%,#0a07108c 45%,#0a07104d 100%);position:absolute;inset:0}.np-cover-wrap{flex-shrink:0;place-items:center;width:96px;height:96px;display:grid;position:relative}.np-ring{background:conic-gradient(from 0deg, var(--aura-1), var(--aura-base), var(--aura-2), var(--aura-1));border-radius:50%;animation:6s linear infinite np-spin;position:absolute;inset:-7px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px))}.np-halo{background:radial-gradient(closest-side, var(--aura-base), transparent 72%);opacity:.55;filter:blur(6px);animation:np-breathe 3.4s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:-14px}.np-cover{object-fit:cover;width:78px;height:78px;box-shadow:0 8px 22px #00000073, var(--edge-light);border-radius:18px;position:relative}.np-body{flex:1;min-width:0;position:relative}.np-live{align-items:center;gap:8px;margin-bottom:6px;display:flex}.np-live-label{letter-spacing:.16em;color:var(--state-live);text-transform:uppercase;align-items:center;gap:6px;font-size:.62rem;font-weight:800;display:inline-flex}.np-live-dot{background:var(--state-live);width:6px;height:6px;box-shadow:0 0 8px var(--state-live);border-radius:50%;animation:1.8s ease-in-out infinite np-pulse}.np-eq{align-items:flex-end;gap:3px;height:14px;margin-left:2px;display:inline-flex}.np-eq span{background:var(--aura-1);border-radius:2px;width:3px;animation:1s ease-in-out infinite np-eq}.np-eq span:first-child{animation-delay:-.6s}.np-eq span:nth-child(2){animation-delay:-.2s}.np-eq span:nth-child(3){animation-delay:-.9s}.np-eq span:nth-child(4){animation-delay:-.4s}.np-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--content-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.45rem;font-weight:800;line-height:1.12;overflow:hidden}.np-artist{color:var(--content-secondary);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:.9rem;overflow:hidden}.np-lyrics-btn{color:var(--content-primary);background:var(--surface-control);border:1px solid var(--border-subtle);border-radius:var(--r-pill);cursor:pointer;transition:transform .25s var(--spring), background .2s ease, color .2s ease;align-items:center;gap:6px;margin-top:12px;padding:6px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.np-lyrics-btn:hover{background:var(--aura-base);color:#fff;transform:translateY(-1px)}.np-lyrics-btn:active{transform:scale(.96)}@keyframes np-spin{to{transform:rotate(360deg)}}@keyframes np-breathe{0%,to{opacity:.4;transform:scale(.96)}50%{opacity:.7;transform:scale(1.05)}}@keyframes np-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes np-eq{0%,to{height:5px}50%{height:14px}}@keyframes np-drift{0%{transform:scale(1.2)translate(0)}to{transform:scale(1.32)translate(-3%,2%)}}@keyframes np-enter{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.np-ring,.np-halo,.np-eq span,.np-live-dot,.np-hero:before,.np-hero{animation:none!important}}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{flex-direction:column;width:100%;max-width:500px;max-height:90vh;padding:1.5rem;display:flex}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-header h2{margin:0;font-size:1.25rem}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem;transition:color .2s}.close-btn:hover{color:#fff}.search-form{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);position:absolute;left:1rem}.search-input-wrapper input{border:1px solid var(--surface-border);color:#fff;background:#0003;border-radius:12px;outline:none;width:100%;padding:1rem 1rem 1rem 3rem;font-size:1rem;transition:border-color .2s}.search-input-wrapper input:focus{border-color:var(--accent-color)}.search-results{flex-direction:column;flex-grow:1;gap:.5rem;display:flex;overflow-y:auto}.result-item{cursor:pointer;border-radius:8px;align-items:center;padding:.75rem;transition:background .2s;display:flex}.result-item:hover{background:#ffffff1a}.result-cover{object-fit:cover;border-radius:6px;width:48px;height:48px;margin-right:1rem}.result-info h4{color:#ffffffe6;margin:0 0 .25rem;font-size:.95rem;font-weight:500}.result-info p{margin:0;font-size:.8rem}.back-nav{color:var(--accent-color);cursor:pointer;align-items:center;display:flex}.back-nav h2{color:#fff;margin-left:.5rem}.cover-artist{border-radius:50%!important}.result-cover{object-fit:cover}.loading-more{color:var(--accent-color);justify-content:center;padding:1rem 0;display:flex}.spinner-small{animation:1s linear infinite spin}div[style*="overflow-X: auto"]::-webkit-scrollbar{display:none}.album-card-hover{transition:transform .25s cubic-bezier(.4,0,.2,1),filter .25s}.album-card-hover:hover{transform:translateY(-4px)scale(1.02)}.album-card-hover:active{transform:translateY(-2px)scale(.98)}.search-item-hover-premium{transition:all .25s cubic-bezier(.4,0,.2,1)}.search-item-hover-premium:hover{transform:translateY(-2px);box-shadow:0 8px 24px #a855f726;border-color:var(--accent-neon-alpha)!important;background:#ffffff0d!important}.search-item-hover-premium:active{transform:translateY(0)scale(.98)}.search-dropdown-container{width:100%;position:relative}.search-dropdown-results{z-index:1050;border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#171725fa;border-radius:12px;width:100%;max-height:380px;margin-top:8px;padding:.8rem;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 20px 40px #0009}.search-dropdown-results .result-item{border-bottom:1px solid #ffffff0d}.search-dropdown-results .result-item:last-child{border-bottom:none}.toast-stack{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:10px;max-width:min(90vw,460px);display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;cursor:pointer;border-radius:var(--r-sm);color:var(--content-on-accent);text-align:center;-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-soft), var(--edge-light);animation:toast-in .3s var(--spring);padding:.9rem 1.6rem;font-weight:700}.toast-success{background:color-mix(in srgb, var(--state-success) 90%, transparent)}.toast-error{background:color-mix(in srgb, var(--state-danger) 90%, transparent)}.toast-info{background:color-mix(in srgb, var(--info) 90%, transparent)}.toast-warning{background:color-mix(in srgb, var(--state-warning) 92%, transparent);color:#1a1126}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}