:root{--bg-primary:#faf7f2;--bg-secondary:#f2ede4;--bg-card:#fff;--bg-player:#ffffffd9;--text-primary:#1a1410;--text-secondary:#6b5f52;--text-muted:#a89880;--accent-primary:#2b7a8f;--accent-secondary:#e07a5f;--accent-gold:#c4a265;--border:#00000014;--shadow:0 8px 40px #0000001a;--shadow-player:0 20px 60px #00000026;--player-bg:#faf7f2eb;--player-border:#c4a2654d}[data-theme=dark]{--bg-primary:#0f0c09;--bg-secondary:#1a1410;--bg-card:#231e18;--bg-player:#1a140eeb;--text-primary:#f2e8d9;--text-secondary:#a89880;--text-muted:#6b5f52;--accent-primary:#4fa8be;--accent-secondary:#e07a5f;--accent-gold:#c4a265;--border:#ffffff12;--shadow:0 8px 40px #0006;--shadow-player:0 20px 60px #00000080;--player-bg:#1a140ef2;--player-border:#c4a26533}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:DM Sans,sans-serif;transition:background-color .3s,color .3s}h1,h2,h3,h4{font-family:Playfair Display,serif;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:DM Sans,sans-serif}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:3px}.playfair{font-family:Playfair Display,serif}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}html,body{background-color:var(--bg-primary)!important;color:var(--text-primary)!important}