:root{--bg-app: #121212;--bg-panel: #1e1e1e;--bg-input: #2a2a2a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-muted: #666666;--accent: #fff;--accent-hover: #e0e0e0;--font-family: "Inter", system-ui, -apple-system, sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease-out}body{margin:0;font-family:var(--font-family);background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased}input,select,textarea,button{font-family:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.flex-center{display:flex;align-items:center;justify-content:center}.album-object{cursor:pointer;transition:transform var(--transition-fast)}.album-object:hover{transform:translateY(-4px)}.album-cover-container{aspect-ratio:1/1;border-radius:var(--radius-md);overflow:hidden;background:#1a1a1a;box-shadow:0 4px 6px #0003;transition:box-shadow var(--transition-fast);position:relative}.album-object:hover .album-cover-container{box-shadow:0 12px 24px #0006}.album-cover-img{width:100%;height:100%;object-fit:cover;transition:opacity .2s}.album-actions-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.album-object:hover .album-actions-overlay{opacity:1}.input-reset{background:var(--bg-input);border:1px solid transparent;color:#fff;padding:.6rem 1rem;border-radius:var(--radius-sm);outline:none;font-size:.95rem;transition:all .2s}.input-reset:focus{border-color:#555;background:#333}.input-reset::placeholder{color:#555}.btn-primary{background:var(--accent);color:#000;border:none;padding:.6rem 1.2rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:transform .1s,opacity .2s}.btn-primary:active{transform:scale(.98)}.btn-primary:hover{opacity:.9}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent;padding:.5rem;border-radius:var(--radius-sm);cursor:pointer}.btn-ghost:hover{color:#fff;background:#ffffff0d}