:root{--midnight:#0f1b33;--midnight-raised:#162341;--midnight-hover:#1e2d4f;--midnight-border:#2a3a5c;--gold:#d4a843;--gold-light:#e8c675;--gold-dark:#b08a2e;--gold-glow:#d4a8431a;--gold-glow-strong:#d4a84333;--steel:#5e8ea8;--steel-light:#7babc2;--steel-dark:#4a7189;--text-primary:#f0ede8;--text-secondary:#a0b4c8;--text-muted:#6b7f95;--spotify-green:#1db954;--mmmc-red:#cc3535;--font-body:"DM Sans", system-ui, sans-serif;--font-display:"Source Serif 4", Georgia, serif;--font-mono:"JetBrains Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background:var(--midnight);color:var(--text-primary);min-height:100vh;line-height:1.5}a{color:var(--gold);text-decoration:none;transition:color .2s}a:hover{color:var(--gold-light)}button{font-family:var(--font-body);cursor:pointer;color:inherit;background:0 0;border:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--midnight)}::-webkit-scrollbar-thumb{background:var(--midnight-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--steel-dark)}.btn{border:1px solid var(--midnight-border);background:var(--midnight-raised);color:var(--text-primary);border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:hover{border-color:var(--gold-dark);box-shadow:0 0 16px var(--gold-glow)}.btn-gold{background:var(--gold);color:var(--midnight);border-color:var(--gold)}.btn-gold:hover{background:var(--gold-light);border-color:var(--gold-light);box-shadow:0 0 20px var(--gold-glow-strong)}.btn-spotify{background:var(--spotify-green);color:#fff;border-color:var(--spotify-green)}.btn-spotify:hover{background:#1ed760;border-color:#1ed760}.btn-sm{border-radius:8px;padding:6px 14px;font-size:.8rem}.btn-danger{border-color:var(--mmmc-red);color:var(--mmmc-red)}.btn-danger:hover{background:#cc35351a}.card{background:var(--midnight-raised);border:1px solid var(--midnight-border);border-radius:12px;padding:16px;transition:all .2s}.card-hover:hover{border-color:var(--gold-dark);box-shadow:0 0 16px var(--gold-glow)}.mono{font-family:var(--font-mono)}.text-gold{color:var(--gold)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.badge-single{color:var(--gold);background:#d4a84326}.badge-album{color:var(--steel-light);background:#5e8ea826}.badge-ep{color:#3da877;background:#3da87726}.badge-explicit{color:var(--text-secondary);background:#ffffff1a;padding:1px 6px;font-size:.6rem}.progress-bar{background:var(--midnight-border);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--gold-dark), var(--gold));border-radius:3px;height:100%;transition:width .3s}.selectable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s}.selectable.selected{box-shadow:0 0 20px var(--gold-glow-strong);border-color:var(--gold)!important}.selectable:not(.selected){opacity:1}.selectable:not(.selected).has-selections{opacity:.6}.selectable:not(.selected).has-selections:hover{opacity:.85}.release-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width>=768px){.release-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.release-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=1280px){.release-grid{grid-template-columns:repeat(5,1fr)}}.selection-bar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--midnight-border);background:#0f1b33f2;padding:12px 24px;position:sticky;top:0}.filter-pill{border:1px solid var(--midnight-border);color:var(--text-muted);background:0 0;border-radius:999px;padding:6px 16px;font-size:.8rem;font-weight:500;transition:all .2s}.filter-pill:hover{color:var(--text-secondary);border-color:var(--gold-dark)}.filter-pill.active{color:var(--gold);border-color:var(--gold-dark);background:#d4a84326}.modal-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--midnight-raised);border:1px solid var(--midnight-border);border-radius:16px;width:100%;max-width:480px;padding:24px}.search-input{background:var(--midnight);border:1px solid var(--midnight-border);width:100%;color:var(--text-primary);font-family:var(--font-body);border-radius:10px;outline:none;padding:10px 16px;font-size:.875rem;transition:all .2s}.search-input:focus{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold), 0 0 20px var(--gold-glow-strong)}.search-input::placeholder{color:var(--text-muted)}@keyframes float-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-float-up{animation:.6s ease-out forwards float-up}.btn{min-height:44px}.btn-sm{min-height:36px}.filter-pill{min-height:36px;padding:8px 16px}.selection-bar,.floating-action-bar{padding-bottom:max(12px, env(safe-area-inset-bottom))}@media (width<=767px){.release-grid{gap:10px}.selection-bar{gap:8px;padding:8px 12px}.mobile-hide{display:none!important}.btn-mobile-full{justify-content:center;width:100%}.carousel-preview-row{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.carousel-preview-row>div{scroll-snap-align:center;flex-shrink:0}}body{font-size:max(14px,1rem)}.mono{font-size:max(12px,.75rem)}