:root{--bg: #fbfaf7;--fg: #1f1d1a;--muted: #6b665e;--card: #ffffff;--border: #e3dfd7;--accent: #8a5a2b;--accent-soft: #f3e8dc;--known: #2f7d4a;--simplified: #9a6a00;--unknown: #b3362f;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #1a1917;--fg: #ece8e1;--muted: #a39e95;--card: #24221f;--border: #3a3732;--accent: #d9a066;--accent-soft: #3a2e22;--known: #6cc48a;--simplified: #e0b44c;--unknown: #ef7f78}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:42rem;margin:0 auto;padding:1.5rem 1rem 4rem}h1{margin:0 0 .25rem;font-size:1.6rem}.intro{margin:0 0 1.25rem;color:var(--muted)}label{display:block;margin:1rem 0 .35rem;font-weight:600}textarea,input[type=text]{width:100%;padding:.6rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--card);color:inherit;font:1.1rem/1.4 ui-monospace,SF Mono,Menlo,monospace}label.checkbox{display:flex;gap:.5rem;align-items:center;margin:.75rem 0 1.25rem;font-weight:400}.song-info{min-height:1.5rem;margin:.35rem 0 0;color:var(--muted);font-size:.9rem}.messages{min-height:1.25rem;margin:.35rem 0 0;color:var(--unknown);font-size:.9rem}.known-chords{margin-top:.75rem;padding:.6rem .9rem;border:1px solid var(--border);border-radius:10px;background:var(--card)}.known-chords>summary{font-weight:600;cursor:pointer}.chip-group h3{margin:.9rem 0 .4rem;color:var(--muted);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{min-width:3.2rem;min-height:2.5rem;padding:.3rem .7rem;border:1px solid var(--border);border-radius:999px;background:transparent;color:inherit;font:600 1rem ui-monospace,SF Mono,Menlo,monospace;cursor:pointer}.chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.chip[aria-pressed=true]:before{content:"✓ "}.section-title{margin:1.5rem 0 .6rem;font-size:1.1rem}.option{margin:0 0 .6rem;border:1px solid var(--border);border-radius:10px;background:var(--card)}.option.best{border:2px solid var(--accent)}.option>summary{display:flex;flex-direction:column;padding:.75rem 1rem;cursor:pointer;list-style:none}.option>summary::-webkit-details-marker{display:none}.option .title{font-size:1.1rem;font-weight:700}.option .names{font:600 1rem ui-monospace,SF Mono,Menlo,monospace;white-space:pre-wrap}.option[open] .names{display:none}.option .title:after{content:" ▸";color:var(--muted);font-weight:400}.option[open] .title:after{content:" ▾"}.option .meta{color:var(--muted);font-size:.875rem}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr));gap:.5rem;margin:0;padding:0 1rem 1rem;list-style:none}.tile{display:flex;flex-direction:column;align-items:center;padding:.4rem .3rem .3rem;border:1px solid var(--border);border-top-width:4px;border-radius:8px}.tile .play{font:700 1.15rem ui-monospace,SF Mono,Menlo,monospace}.tile .from{min-height:1.1rem;color:var(--muted);font-size:.75rem}.tile.known{border-top-color:var(--known)}.tile.simplified{border-top-color:var(--simplified)}.tile.unknown{border-top-color:var(--unknown);border-style:dashed;border-top-style:solid}.tile.unknown .play{color:var(--unknown)}.legend{display:flex;flex-wrap:wrap;gap:.25rem 1rem;color:var(--muted);font-size:.85rem}.swatch{display:inline-block;width:.8rem;height:.8rem;margin-right:.3rem;border-radius:3px;vertical-align:-.1rem}.swatch.known{background:var(--known)}.swatch.simplified{background:var(--simplified)}.swatch.unknown{background:var(--unknown)}.tip{display:flex;gap:.75rem;align-items:center;margin:0 0 .5rem;padding:.5rem .9rem;border:1px solid var(--border);border-radius:10px;background:var(--card)}.tip p{margin:0}.diagram{width:4.5rem;height:auto;margin-top:.2rem;flex:none}.diagram .string,.diagram .fret{stroke:var(--muted);stroke-width:.8}.diagram .nut{stroke:var(--fg);stroke-width:2.5}.diagram .dot{fill:var(--fg)}.diagram .marker,.diagram .start-fret{fill:var(--muted);font:8px system-ui,sans-serif}.sheet-controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:end}.sheet-controls label{flex-basis:100%;margin:0}.sheet-controls select{flex:1 1 14rem;min-height:2.5rem;padding:.3rem .5rem;border:1px solid var(--border);border-radius:8px;background:var(--card);color:inherit;font:inherit}.sheet-buttons{display:flex;gap:.5rem}.sheet-buttons button{min-height:2.5rem;padding:.3rem .9rem;border:1px solid var(--border);border-radius:8px;background:var(--card);color:inherit;font:inherit;cursor:pointer}.sheet{margin:.75rem 0 0;padding:.9rem 1rem;overflow-x:auto;border:1px solid var(--border);border-radius:10px;background:var(--card);font:.9rem/1.45 ui-monospace,SF Mono,Menlo,monospace}.sheet .chord-line{color:var(--accent);font-weight:700}.sheet .sheet-header{font-weight:700}@media print{:root{color-scheme:light;--fg: #000;--accent: #000}body{background:#fff}main>:not(#sheet),.sheet-controls,#sheet .section-title{display:none}.sheet{border:none;padding:0;overflow:visible;font-size:11pt}}