@import "https://fonts.googleapis.com/css2?family=Lustria:wght@400;500;700&family=Instrument+Sans:wght@400;500;600;700&display=swap";:root{--bg:#050507;--bg-raised:#0d0b14;--bg-hover:#161123;--bg-active:#201734;--border:#ab84ff3d;--border-subtle:#ab84ff24;--text:#f5f2ff;--text-secondary:#b2a8cc;--text-tertiary:#7f7697;--accent:#9a6cff;--accent-hover:#af87ff;--accent-muted:#9a6cff2e;--accent-alt:#d6b7ff;--danger:#e74c3c;--danger-muted:#e74c3c26;--radius-sm:6px;--radius:10px;--radius-lg:14px;--max-width:960px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 0 0,#9a6cff33,#0000 30%),radial-gradient(circle at 100% 0,#7349ff29,#0000 26%),linear-gradient(#09070d 0%,#040306 100%);font-family:Instrument Sans,Avenir Next,Segoe UI,sans-serif;line-height:1.5}button{cursor:pointer;border-radius:var(--radius-sm);border:none;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:transform .15s,box-shadow .2s,background .2s,border-color .2s,filter .2s}button:disabled{opacity:.5;cursor:not-allowed}.app{flex-direction:column;min-height:100vh;display:flex}.header{border-bottom:1px solid var(--border-subtle);background:var(--bg);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.header-brand{align-items:center;gap:.5rem;display:flex}.header-brand-icon{border-radius:.55rem;width:2rem;height:2rem;display:block;box-shadow:0 8px 20px #7a4cff42}.header-user{align-items:center;gap:.75rem;display:flex}.header-user-name{color:var(--text-secondary);font-size:.8125rem}.main{max-width:var(--max-width);flex:1;width:100%;margin:0 auto;padding:2rem 1.5rem}.btn-primary{color:var(--text);background:#16101f;border:1px solid #ab84ff52;font-weight:600;animation:3.6s ease-in-out infinite btn-primary-glow;box-shadow:inset 0 1px #ffffff0d,0 1px 2px #00000080,0 0 #9a6cff00}.btn-primary:hover:not(:disabled){background:#1c1529;border-color:#ab84ff8c;animation:none;box-shadow:inset 0 1px #ffffff12,0 0 0 1px #9a6cff26,0 6px 18px #7a4cff38}.btn-primary:active:not(:disabled){background:#120c1b;animation:none;box-shadow:inset 0 1px 2px #00000080}@keyframes btn-primary-glow{0%,to{box-shadow:inset 0 1px #ffffff0d,0 1px 2px #00000080,0 0 6px #9a6cff2e}50%{box-shadow:inset 0 1px #ffffff0d,0 1px 2px #00000080,0 0 22px #9a6cff8c,0 0 40px #9a6cff38}}@media (prefers-reduced-motion:reduce){.btn-primary{animation:none}}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border-subtle);background:#120d1bd9;box-shadow:inset 0 1px #ffffff0a,0 1px 2px #00000073}.btn-secondary:hover:not(:disabled){color:var(--text);border-color:var(--border);background:#1c142ae6;box-shadow:inset 0 1px #ffffff0d,0 1px 2px #00000073}.btn-secondary:active:not(:disabled){background:#0e0a16e6;box-shadow:inset 0 1px 2px #00000080}.btn-ghost{color:var(--text-secondary);background:0 0;padding:.375rem .625rem;font-size:.8125rem}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--bg-hover)}.btn-danger{background:var(--danger-muted);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-lg{border-radius:var(--radius);padding:.75rem 2rem;font-size:1rem}.login-screen{grid-template-rows:auto 1fr auto;min-height:100vh;padding:2rem clamp(1.25rem,3vw,2.5rem);display:grid;position:relative;overflow:hidden}.login-brand-lockup{z-index:2;color:var(--text);letter-spacing:-.03em;align-items:center;gap:.75rem;font-family:Space Grotesk,Avenir Next,sans-serif;font-size:.98rem;font-weight:700;display:inline-flex}.login-brand-icon{border-radius:.65rem;width:2rem;height:2rem;box-shadow:0 10px 24px #7a4cff47}.login-backdrop{filter:blur(30px);opacity:.75;pointer-events:none;border-radius:999px;position:absolute}.login-backdrop-left{background:#a675ff29;width:20rem;height:20rem;top:4rem;left:-8rem}.login-backdrop-right{background:#6841e72e;width:24rem;height:24rem;bottom:-4rem;right:-10rem}.login-hero{z-index:1;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);place-self:center;align-items:center;gap:clamp(2rem,5vw,4rem);width:min(1180px,100%);padding:2rem 0;display:grid;position:relative}.login-copy{text-align:left;flex-direction:column;align-items:flex-start;animation:.8s cubic-bezier(.22,1,.36,1) both reveal-up;display:flex}.login-kicker{color:var(--accent-alt);text-transform:uppercase;letter-spacing:.18em;background:#0e0b15c2;border:1px solid #ab84ff3d;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.45rem .85rem;font-size:.72rem;font-weight:700;display:inline-flex}.login-copy h1{letter-spacing:-.06em;max-width:11ch;font-family:Space Grotesk,Avenir Next,sans-serif;font-size:clamp(3rem,7vw,5.5rem);font-weight:700;line-height:.94}.login-copy h1 span{color:var(--accent)}.login-subtitle{max-width:36rem;color:var(--text-secondary);margin-top:1.4rem;font-size:1.08rem;line-height:1.7}.login-actions{margin-top:2rem}.login-caption{color:var(--text-tertiary);margin-top:.85rem;font-size:.9rem}.login-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;width:100%;margin-top:2.4rem;display:grid}.login-point{border:1px solid var(--border-subtle);background:linear-gradient(#120d1de6,#0a0811bd);border-radius:1.1rem;padding:1rem;box-shadow:inset 0 1px #ffffff08}.login-point-step{color:var(--accent-alt);letter-spacing:.18em;margin-bottom:.75rem;font-size:.72rem;font-weight:700;display:inline-block}.login-point strong{font-size:1rem;display:block}.login-point p{color:var(--text-secondary);margin-top:.45rem;font-size:.92rem;line-height:1.55}.login-showcase{justify-content:center;align-items:center;min-height:32rem;animation:.95s cubic-bezier(.22,1,.36,1) .12s both reveal-up;display:flex;position:relative}.login-btn{color:#f8f4ff;background:linear-gradient(135deg,#7f4dff,#c084ff);border:none;border-radius:50px;justify-content:center;align-items:center;gap:.7rem;padding:.95rem 1.8rem;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 18px 40px #7a4cff4d}.login-btn:hover:not(:disabled){filter:saturate(1.08);transform:translateY(-2px)scale(1.01);box-shadow:0 24px 46px #7a4cff61}.login-btn:disabled{cursor:wait}.login-btn svg{width:20px;height:20px}.login-error{max-width:32rem;color:var(--danger);margin-top:1rem;font-size:.9375rem}.login-showcase-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#140e22f0,#09070fe0);border:1px solid #ab84ff2e;border-radius:1.5rem;position:absolute;box-shadow:0 24px 60px #0000006b,inset 0 1px #ffffff0d}.login-showcase-main{--card-rotate:-7deg;width:min(100%,28rem);padding:1.4rem;animation:8s ease-in-out infinite showcase-drift-main}.login-showcase-label{color:var(--accent-alt);letter-spacing:.16em;text-transform:uppercase;font-size:.76rem;font-weight:700}.login-showcase-stat{letter-spacing:-.05em;margin-top:.6rem;font-family:Space Grotesk,Avenir Next,sans-serif;font-size:clamp(1.8rem,4vw,2.6rem)}.login-showcase-bars{gap:.75rem;margin-top:1.4rem;display:grid}.login-showcase-bars span{background:linear-gradient(90deg,#d6b7ffc7,#7f4dffeb);border-radius:999px;height:.9rem;display:block}.login-tag-row{flex-wrap:wrap;gap:.55rem;margin-top:1.35rem;display:flex}.login-tag-row span,.login-playlist-chip{color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff0f;border-radius:999px;padding:.35rem .7rem;font-size:.78rem}.login-tag-row span{animation:4.6s ease-in-out infinite tag-breathe}.login-tag-row span:nth-child(2){animation-delay:.9s}.login-tag-row span:nth-child(3){animation-delay:1.8s}.login-showcase-playlist{min-width:12rem;padding:1rem 1.1rem}.login-showcase-playlist strong{margin-top:.75rem;font-size:1.05rem;display:block}.login-showcase-playlist p{color:var(--text-secondary);margin-top:.2rem;font-size:.9rem}.login-showcase-playlist-top{--card-rotate:10deg;animation:7.5s ease-in-out infinite showcase-drift-top;top:2.5rem;right:1rem}.login-showcase-playlist-bottom{--card-rotate:-11deg;animation:9s ease-in-out infinite showcase-drift-bottom;bottom:2.5rem;left:1.5rem}.login-orbital-ring{border:1px solid #ab84ff29;border-radius:999px;position:absolute}.login-orbital-ring-one{width:22rem;height:22rem;animation:18s linear infinite orbit-ring-one,7s ease-in-out infinite float}.login-orbital-ring-two{border-color:#7f4dff29;width:30rem;height:30rem;animation:26s linear infinite orbit-ring-two,9s ease-in-out infinite reverse float}.login-credit{z-index:2;color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;padding-top:.5rem;font-size:.82rem}.progress-section{margin:2rem 0}.progress-bar-container{background:var(--bg-hover);border-radius:3px;width:100%;height:6px;margin-top:.75rem;overflow:hidden}.progress-bar-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}.progress-label{justify-content:space-between;align-items:baseline;display:flex}.progress-label-phase{font-size:.875rem;font-weight:600}.progress-label-detail{color:var(--text-secondary);font-size:.8125rem}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.section-header h2{letter-spacing:-.02em;font-family:Space Grotesk,Avenir Next,sans-serif;font-size:1.25rem;font-weight:700}.section-subtitle{color:var(--text-secondary);margin-top:.25rem;font-size:.85rem}.section-actions{flex-wrap:wrap;gap:.5rem;display:flex}.toolbar-row{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.search-box{gap:.35rem;width:min(100%,24rem);display:grid}.search-box span{color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:600}.search-box input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font:inherit;padding:.65rem .8rem;font-size:.95rem}.search-box input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #9a6cff2e}.toolbar-meta{color:var(--text-secondary);white-space:nowrap;font-size:.8125rem}.genre-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;display:grid}.genre-card{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:all .15s;display:flex}.genre-card:hover{background:var(--bg-hover);border-color:var(--border)}.genre-card.selected{border-color:var(--accent);background:var(--accent-muted)}.genre-card-name{text-transform:capitalize;font-size:.875rem;font-weight:500}.genre-card-count{color:var(--text-tertiary);background:var(--bg-active);font-variant-numeric:tabular-nums;border-radius:50px;padding:.125rem .5rem;font-size:.75rem;font-weight:500}.genre-card.selected .genre-card-count{background:var(--accent);color:#fff}.track-panel{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius);margin-top:1.5rem;overflow:hidden}.track-panel-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.track-panel-header h3{text-transform:capitalize;font-size:1rem;font-weight:600}.track-panel-header span{color:var(--text-secondary);font-size:.8125rem}.track-panel-footer{color:var(--text-secondary);border-top:1px solid var(--border-subtle);justify-content:center;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.8125rem;display:flex}.track-list{max-height:400px;list-style:none;overflow-y:auto}.track-list::-webkit-scrollbar{width:6px}.track-list::-webkit-scrollbar-track{background:0 0}.track-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.track-item{border-bottom:1px solid var(--border-subtle);align-items:center;gap:1rem;padding:.625rem 1.25rem;transition:background .1s;display:flex}.track-item:last-child{border-bottom:none}.track-item:hover{background:var(--bg-hover)}.track-item-number{color:var(--text-tertiary);text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0;width:1.5rem;font-size:.75rem}.track-item-info{flex:1;min-width:0}.track-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.track-item-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.track-item-album{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;text-align:right;flex-shrink:0;max-width:200px;font-size:.75rem;display:none;overflow:hidden}@media (width>=640px){.track-item-album{display:block}}.results-list{flex-direction:column;gap:.375rem;margin-top:1rem;list-style:none;display:flex}.result-item{background:var(--bg-raised);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.result-item-info{align-items:center;gap:.75rem;display:flex}.result-item-genre{text-transform:capitalize;font-size:.875rem;font-weight:500}.result-item-count{color:var(--text-secondary);font-size:.75rem}.result-item a{color:var(--accent);font-size:.8125rem;font-weight:500;text-decoration:none}.result-item a:hover{text-decoration:underline}.confirm-panel{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);gap:1rem;padding:1.25rem;display:grid}.confirm-panel h3{font-size:1.05rem}.confirm-panel p{color:var(--text-secondary);font-size:.9rem}.confirm-summary{flex-wrap:wrap;gap:.5rem;display:flex}.confirm-summary span{color:var(--text-secondary);background:var(--bg);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.35rem .65rem;font-size:.8125rem}.visibility-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;max-width:26rem;display:grid}.visibility-choice button{color:var(--text-secondary);background:var(--bg);border:1px solid var(--border-subtle)}.visibility-choice button.active{color:var(--text);background:var(--accent-muted);border-color:var(--accent)}.selected-action-bar{text-align:center;justify-items:center;gap:.75rem;margin-top:1.5rem;display:grid}.empty-state{text-align:center;color:var(--text-secondary);padding:3rem 1rem}.empty-state p{font-size:.9375rem}.empty-state h3{color:var(--text);margin-bottom:.5rem;font-size:1.1rem}.empty-state.compact{padding:1.5rem 1rem}.error-msg{background:var(--danger-muted);color:var(--danger);border-radius:var(--radius-sm);margin:1rem 0;padding:.75rem 1rem;font-size:.875rem}.action-msg{justify-content:space-between;align-items:center;gap:1rem;display:flex}.spinner{border:2px solid var(--text-tertiary);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes reveal-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes showcase-drift-main{0%,to{transform:translate3d(0, 0, 0) rotate(var(--card-rotate))}50%{transform:translate3d(0, -8px, 0) rotate(calc(var(--card-rotate) + 1.4deg))}}@keyframes showcase-drift-top{0%,to{transform:translate3d(0, 0, 0) rotate(var(--card-rotate))}50%{transform:translate3d(6px, -10px, 0) rotate(calc(var(--card-rotate) - 1deg))}}@keyframes showcase-drift-bottom{0%,to{transform:translate3d(0, 0, 0) rotate(var(--card-rotate))}50%{transform:translate3d(-7px, -9px, 0) rotate(calc(var(--card-rotate) + 1.2deg))}}@keyframes tag-breathe{0%,to{color:var(--text-secondary);background:#ffffff0f;border-color:#ffffff0f;box-shadow:0 0 #9a6cff00}50%{color:#efe5ff;background:#9a6cff29;border-color:#d6b7ff38;box-shadow:0 0 24px #9a6cff2e}}@keyframes orbit-ring-one{0%{transform:rotate(0)scale(1)}to{transform:rotate(360deg)scale(1)}}@keyframes orbit-ring-two{0%{transform:rotate(360deg)scale(1.02)}to{transform:rotate(0)scale(1.02)}}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.gap-row{align-items:center;gap:.5rem;display:flex}.text-secondary{color:var(--text-secondary)}.text-sm{font-size:.8125rem}.text-link{color:var(--accent-alt);font-size:.9rem;font-weight:600;text-decoration:none}.text-link:hover{text-decoration:underline}.footer{text-align:center;color:var(--text-tertiary);border-top:1px solid var(--border-subtle);padding:2rem 1rem;font-size:.75rem}.footer-trust{color:var(--text-secondary);margin-bottom:.35rem}.footer a{color:var(--text-secondary);text-decoration:none}.footer a:hover{text-decoration:underline}@media (width<=980px){.login-hero{grid-template-columns:1fr}.login-copy{text-align:center;align-items:center}.login-copy h1{max-width:12ch}.login-subtitle,.login-error{margin-left:auto;margin-right:auto}.login-points{grid-template-columns:1fr;max-width:32rem}.login-showcase{width:100%;min-height:24rem}.login-showcase-playlist-top{top:1rem;right:0}.login-showcase-playlist-bottom{bottom:1rem;left:0}}@media (width<=640px){.header{align-items:flex-start;gap:.75rem;padding:.9rem 1rem}.header-user{flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.header-user-name{text-align:right;width:100%}.main{padding:1.25rem 1rem}.section-header{align-items:flex-start}.section-actions{width:100%}.toolbar-row,.action-msg{flex-direction:column;align-items:stretch}.search-box,.toolbar-meta{width:100%}.visibility-choice{grid-template-columns:1fr}.result-item{flex-direction:column;align-items:flex-start;gap:.5rem}.track-panel-header{align-items:flex-start;gap:.75rem}.login-screen{padding:1.25rem}.login-copy h1{max-width:10ch;font-size:clamp(2.7rem,16vw,4rem)}.login-subtitle{font-size:1rem}.login-actions,.login-btn{width:100%}.login-showcase{min-height:19rem}.login-showcase-main{width:100%;transform:rotate(-4deg)}.login-showcase-playlist{min-width:auto}.login-showcase-playlist-top{top:.5rem;right:.25rem}.login-showcase-playlist-bottom{bottom:.5rem;left:.25rem}}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040308b8;justify-content:center;align-items:center;padding:1.5rem;animation:.18s ease-out modal-fade;display:flex;position:fixed;inset:0}.modal-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(#161126fa,#0b0814fa);width:min(100%,30rem);max-height:calc(100vh - 3rem);animation:.22s cubic-bezier(.22,1,.36,1) modal-pop;overflow:auto;box-shadow:inset 0 1px #ffffff0d,0 30px 80px #0000008c,0 6px 18px #7a4cff2e}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem .85rem;display:flex}.modal-header h3{letter-spacing:-.01em;font-family:Space Grotesk,Avenir Next,sans-serif;font-size:1.05rem}.modal-close{color:var(--text-tertiary);border-radius:var(--radius-sm);background:0 0;padding:.1rem .55rem;font-size:1.4rem;line-height:1}.modal-close:hover{color:var(--text);background:var(--bg-hover)}.modal-body{flex-direction:column;gap:.9rem;padding:1.1rem 1.25rem;display:flex}.modal-body p{color:var(--text-secondary);font-size:.9rem}.modal-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:.6rem;padding:.85rem 1.25rem 1.1rem;display:flex}.modal-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font:inherit;padding:.65rem .8rem;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.modal-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #9a6cff2e}.modal-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:.4rem;font-size:.78rem;font-weight:600;display:block}.chip-row{flex-wrap:wrap;gap:.4rem;display:flex}.chip{color:var(--text);background:var(--accent-muted);border:1px solid var(--border);border-radius:999px;align-items:center;padding:.3rem .65rem;font-size:.8125rem;display:inline-flex}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}