*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1013;--surface:#171a1f;--surface-2:#1f232a;--border:#2b3038;--text:#ecedef;--text-secondary:#b4b9c0;--text-muted:#8a9099;--accent:#62f240;--accent-hover:#7df75f;--on-accent:#0b1a05;--danger:#ff6b6b;--hero-bg:linear-gradient(135deg, #1a2a17 0%, #151a1d 55%, #11161c 100%);--radius:12px;--radius-sm:8px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.4}h1,h2,h3{letter-spacing:-.02em}a{color:inherit;text-decoration:none}button{cursor:pointer;border-radius:var(--radius-sm);color:inherit;border:none;padding:6px 12px;font-size:14px}button:disabled{opacity:.6;cursor:default}input,textarea,select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);width:100%;color:var(--text);padding:8px 12px;font-family:inherit;font-size:14px}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}.container{max-width:1100px;margin:0 auto;padding:24px 16px}.song-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.hover-card{transition:transform .15s,border-color .15s,background .15s}.hover-card:hover{transform:translateY(-3px);border-color:var(--text-muted)!important}.hover-row{transition:background .15s,border-color .15s}.hover-row:hover{background:var(--surface-2)!important;border-color:var(--text-muted)!important}.btn-primary{transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--accent-hover)!important}.skeleton{background:linear-gradient(90deg, var(--surface-2) 0%, var(--border) 50%, var(--surface-2) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}.hover-card:hover{transform:none}}@media (width<=600px){.nav-inner{flex-wrap:wrap;row-gap:10px;height:auto!important;padding:10px 16px!important}.nav-search{order:3;flex-basis:100%!important;max-width:none!important}}