:root{--back-dark:#0f100f;--gold-light:#e6c058;--gold-mid:#9c7647;--gold-dark:#7b5729;--text-bright:#f6f4e8;--text-dark:#7c7063}*{box-sizing:border-box}html{height:100%;margin:0;padding:0;overflow:hidden}body{background-color:var(--back-dark);height:100dvh;max-height:100dvh;color:var(--text-bright);margin:0;padding:0;font-family:PT Sans Narrow,sans-serif;overflow:hidden}#root{height:100%;overflow:hidden}h1{color:var(--gold-light);text-transform:uppercase;margin:0;padding:0;font-weight:400}.track-row{cursor:pointer;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 12px;display:grid}.track-thumb{object-fit:cover;background:var(--surface2);border-radius:4px;flex-shrink:0;width:48px;height:48px}.track-info>div{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-artist{color:var(--text-dark)}