@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Nunito+Sans:wght@400;500;600;700&display=swap";:root{--bg: #f4efe6;--surface: #fffdf8;--surface-hover: #f7f1e8;--border: #e6dccf;--border-light: #d9cec0;--text: #2c2824;--text-muted: #6f675e;--text-dim: #8a8176;--radius: 16px;--radius-sm: 12px;--font: "Nunito Sans", sans-serif;--display: "Fraunces", serif;--mono: "Nunito Sans", sans-serif;--accent: #3e6b5e;--accent-soft: rgba(62, 107, 94, .12)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 0 transparent}}.fade-up{animation:fadeUp .4s ease both}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.btn-hover{transition:all .2s ease}.btn-hover:hover{filter:brightness(.97);transform:translateY(-1px)}.card-hover{transition:all .2s ease}.card-hover:hover{border-color:#cfc3b4!important;background:#fffdf8!important}.track-row:hover{background:#00000008!important}@media (max-width: 640px){.platform-grid{grid-template-columns:repeat(2,1fr)!important}.nav-buttons{flex-direction:column-reverse}.nav-buttons button{width:100%}.track-header-row{display:none!important}.track-detail-row{grid-template-columns:auto 1fr auto!important}.track-detail-row .col-album,.track-detail-row .col-dur{display:none}.history-card{flex-direction:column!important;align-items:flex-start!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.header-row{flex-direction:column;gap:12px!important}}