:root{--bg:#14161a;--surface:#1d2027;--line:#2c3039;--fg:#e6e8ec;--muted:#9aa1ad;--accent:#e8b64c;--accent-dim:#8a6d2a;--sheet-font:15px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#fbfaf7;--surface:#fff;--line:#e2ded6;--fg:#1b1d22;--muted:#6b7280;--accent:#9a6b0d;--accent-dim:#d8c48c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}#app{max-width:900px;padding:0 12px calc(96px + env(safe-area-inset-bottom));margin:0 auto}.top{z-index:5;background:linear-gradient(var(--bg) 78%, transparent);align-items:center;gap:8px;padding:10px 0;display:flex;position:sticky;top:0}.top h1{flex:1;min-width:0;margin:0;font-size:17px;line-height:1.25}.top h1 small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:400;display:block;overflow:hidden}button{font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--line);cursor:pointer;touch-action:manipulation;border-radius:10px;padding:9px 12px}button:active{background:var(--line)}button.ghost{background:0 0}button.on{border-color:var(--accent);color:var(--accent)}input[type=search],input[type=text]{font:inherit;min-width:0;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:10px;flex:1;padding:11px 12px}.hits{margin:12px 0 0;padding:0;list-style:none}.hits li{border-bottom:1px solid var(--line)}.hits button{text-align:left;background:0 0;border:0;border-radius:0;width:100%;padding:13px 4px;display:block}.hits .song{font-weight:600}.hits .meta{color:var(--muted);margin-top:3px;font-size:13px}.note{color:var(--muted);padding:20px 4px;line-height:1.5}.err{color:#ff9c8a;padding:14px 4px;line-height:1.5}.meta-line{color:var(--muted);margin:2px 0 12px;font-size:13px}.meta-line b{color:var(--fg);font-weight:600}.sheet{padding-bottom:40vh}.blk{overscroll-behavior-x:contain;overflow-x:auto}.blk pre{white-space:pre;font-family:Roboto Mono,ui-monospace,Cascadia Mono,Consolas,monospace;font-size:var(--sheet-font);margin:0;line-height:1.42}.prose{white-space:pre-wrap;overflow-wrap:anywhere;font-family:Roboto Mono,ui-monospace,Cascadia Mono,Consolas,monospace;font-size:var(--sheet-font);color:var(--muted);margin:0;line-height:1.42}.gap{height:.75em}.sect{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:18px 0 6px;font-family:system-ui,sans-serif;font-size:13px;font-weight:600}.ch{color:var(--accent);cursor:pointer;font-weight:700}.bar{z-index:10;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 92%, transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0}.bar .group{background:var(--bg);border:1px solid var(--line);border-radius:12px;align-items:center;gap:2px;padding:2px;display:flex}.bar .group button{background:0 0;border:0;min-width:38px;padding:8px 10px}.bar .val{text-align:center;min-width:46px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.bar .val b{color:var(--fg);font-size:14px;display:block}.play{min-width:52px}.pop{z-index:20;background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:12px;padding:10px 12px;position:fixed;box-shadow:0 12px 32px #00000073}.pop .name{color:var(--accent);margin-bottom:4px;font-weight:700}.diagram line{stroke:var(--muted)}.diagram .dot{fill:var(--accent)}.diagram .open{fill:none;stroke:var(--muted);stroke-width:1.5px}.diagram .mark,.diagram .fretno{fill:var(--muted);text-anchor:middle;font-family:system-ui,sans-serif;font-size:9px}.diagram .fretno{text-anchor:start}