:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d10;--panel:#14171b;--border:#262b31;--text:#e7e9ec;--muted:#8b939d;--accent:#5eead4;--accent-panel:#10201c;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}body{background:var(--bg);color:var(--text);margin:0}.home-page{max-width:480px;margin:0 auto;padding:16px}.home-page h1{margin:12px 0 16px;font-size:18px}.song-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.song-list a{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:14px 16px;font-weight:600;text-decoration:none;display:block}.song-list a:hover{border-color:var(--accent)}.empty-state{color:var(--muted);font-size:14px}.chord-diagram svg{max-width:100%;height:auto}.song-page{max-width:480px;margin:0 auto;padding:16px}.song-page h1{margin:12px 0 4px;font-size:18px}.capo-note{color:var(--muted);margin:0 0 16px;font-size:14px}.player-wrap{aspect-ratio:16/9;background:#000;border-radius:8px;width:100%;margin-bottom:16px;position:relative;overflow:hidden}.player-wrap iframe{width:100%;height:100%}.now-playing{background:var(--panel);border:1px solid var(--border);border-radius:8px;align-items:center;gap:16px;margin-bottom:16px;padding:16px;display:flex}.current-block{text-align:center;flex:1.4}.next-block{text-align:center;opacity:.6;flex:1}.chord-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:4px;font-size:12px}.chord-name{font-size:20px;font-weight:700}.current-block .chord-name{color:var(--accent);font-size:28px}.chord-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chord-list button{font:inherit;background:var(--panel);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:10px 14px}.chord-list button:hover{border-color:var(--accent)}.chord-list button.active{background:var(--accent-panel);border-color:var(--accent);color:var(--accent)}