*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--bg2: #111118;--bg3: #18181f;--bg4: #1e1e28;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.12);--text: #f0eff8;--text2: #9896b0;--text3: #5a5870;--accent: #b06ef3;--accent2: #7f4fcb;--accent-glow: rgba(176,110,243,.15);--green: #3ecf8e;--amber: #f0a429;--red: #f05252;--teal: #38bdf8;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px}html{font-size:16px}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Space Grotesk,sans-serif;line-height:1.2}input,textarea,select,button{font-family:inherit;font-size:14px;outline:none;border:none}button{cursor:pointer}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:3px}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-up{animation:fadeUp .3s ease forwards}@media (max-width: 768px){body{font-size:14px}input,textarea,select,button{font-size:13px}::-webkit-scrollbar{width:4px}.song-card{padding:12px!important}.controls-bar{flex-direction:column!important}.controls-bar>div{width:100%!important;justify-content:center!important}.stat-cards{flex-direction:column!important}.stat-card{min-width:100%!important}.session-bar{flex-direction:column!important;gap:8px!important}.session-bar>div{width:100%!important;justify-content:center!important}.song-actions{flex-wrap:wrap!important}.song-actions button{flex:1 1 auto!important;min-width:80px!important}.rating-grid{grid-template-columns:1fr 1fr!important}.overlay-modal{width:95vw!important;padding:1rem!important}.add-modal{width:95vw!important;padding:1.5rem!important}}