:root{--bg: #0e0f14;--card: #16181f;--card2: #1c1f2a;--border: #252836;--border2: #2e3247;--accent: #23AEC3;--accent-glow: rgba(91,141,238,.15);--gold: #fbbf24;--text: #eef0f6;--text2: #9ba3be;--text3: #7d89a6;--text4: #99ffdf;--yt-color: #fca5a5;--yt-bg: rgba(248, 113, 113, .1);--yt-border: rgba(248, 113, 113, .25)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;min-height:100vh;padding-bottom:60px}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(91,141,238,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(91,141,238,.03) 1px,transparent 1px);background-size:32px 32px}body,.wrap,header,.song-card,.date-header,input[type=search],select,.chip,.btn,.icon-btn,.date-badge{transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}.icon-btn#theme-toggle{width:42px;padding:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--card);border:1px solid var(--border2);color:var(--text3)}body.light .icon-btn#theme-toggle,html[data-theme=light] .icon-btn#theme-toggle{background:var(--card2);border-color:var(--border);color:var(--text);box-shadow:0 2px 8px #0000000a}.icon-btn#theme-toggle:hover{transform:translateY(-1px)}body:before,body.light:before,html[data-theme=light] body:before{transition:background-image .22s ease,opacity .22s ease}:root[data-theme=light],body.light{--bg: #f7f9fc;--card: #ffffff;--card2: #f3f6fb;--border: #e6eef9;--border2: #dbe6f5;--accent: #0b7d92;--accent-glow: rgba(11, 125, 146, .12);--gold: #b45309;--text: #0f172a;--text2: #475569;--text3: #6b7280;--text4: #2A5545;--yt-color: #b91c1c;--yt-bg: rgba(185, 28, 28, .1);--yt-border: rgba(185, 28, 28, .25)}body.light,html[data-theme=light] body{background:var(--bg)}