:root{--bg:#000;--bg-secondary:#0d0d0d;--bg-card:#161616;--text:#e8e8e8;--text-muted:gray;--accent:#d4874d;--accent-hover:#e09960;--border:#262626;--error:#d44040;--success:#5a9a5a;--fretboard-bg:#2c1810;--fret-color:#a0a0a0;--string-color:#d4a574;--dot-bg:#d4874d;--dot-text:#000;--root-bg:#c44;--nut-color:#f5f0e8;--highlight:#d4874d;--overlay-faint:#ffffff0f;--overlay-subtle:#ffffff26;--overlay-medium:#ffffff80;--tag-caged:#6bb3a0;--tag-caged-bg:#5a9e8f26;--tag-caged-border:#5a9e8f4d;--tag-pos:#d4874d;--tag-pos-bg:#c8834a1f;--tag-pos-border:#c8834a4d;--tag-barre:#b89aaa;--tag-barre-bg:#a078901f;--tag-barre-border:#a078904d;--tag-other:#a0a090;--tag-other-bg:#8a8a7a1f;--tag-other-border:#8a8a7a4d;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Work Sans,Noto Sans SC,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;margin:0;overflow:hidden}#app{flex-direction:column;max-width:1400px;height:100vh;margin:0 auto;padding:16px 0 0 24px;display:flex;overflow:hidden}.tab-bar{border-bottom:2px solid var(--border);flex-shrink:0;gap:4px;margin-bottom:0;padding-right:24px;display:flex}.tab-bar button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:10px 20px;font-size:15px;font-weight:500;transition:all .2s}.tab-bar button:hover{color:var(--text)}.tab-bar button.active{color:var(--accent);border-bottom-color:var(--accent)}.controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.control-group{align-items:center;gap:8px;display:flex}.control-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}select,input[type=text]{background:var(--bg-card);border:1px solid var(--border);color:var(--text);border-radius:6px;outline:none;padding:8px 12px;font-size:16px}select:focus,input[type=text]:focus{border-color:var(--accent)}button{cursor:pointer}.btn{background:var(--accent);color:var(--bg);cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:background .2s}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-small{padding:4px 10px;font-size:12px}.chord-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;margin-top:16px;display:grid}.chord-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:8px;padding:12px}.chord-card .voicing-label{color:var(--text-muted);margin-top:8px;font-family:monospace;font-size:13px}.detected-chords{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.chord-tag{background:var(--accent);color:var(--bg);border-radius:20px;padding:6px 14px;font-size:16px;font-weight:600}.error-msg{color:var(--error);margin-top:8px;font-size:14px}.info-msg{color:var(--text-muted);margin-top:8px;font-size:14px}.app-header{flex-shrink:0;align-items:center;gap:12px;margin-bottom:8px;padding-right:24px;display:flex}.app-header h1{color:var(--accent);margin:0;font-size:32px;font-weight:700}.github-link{color:var(--text-muted);align-items:center;transition:color .15s;display:flex}.github-link:hover{color:var(--text)}.home-button{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;margin-left:auto;padding:0;transition:opacity .15s;display:flex}.home-button:hover{opacity:.7}.locale-toggle{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:0;padding:2px 8px;font-size:13px;font-weight:400;transition:color .15s,border-color .15s;display:inline-flex}.locale-toggle span.active{color:var(--text);font-weight:600}.locale-sep{opacity:.4;margin:0 5px}.locale-toggle:hover{color:var(--text);border-color:var(--text-muted)}.home-header-actions{justify-content:center;align-items:center;gap:12px;margin-top:8px;display:flex}.home-page{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:40px 0;display:flex;overflow-y:auto}.home-header{text-align:center;margin-bottom:48px;padding:0 24px}.home-title{color:var(--accent);margin:0 0 12px;font-size:48px;font-weight:700}.home-header .github-link{justify-content:center;margin-left:0}.home-grid{box-sizing:border-box;grid-template-columns:repeat(2,1fr);gap:20px;width:100%;max-width:640px;padding:0 24px;display:grid}.home-tile{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:12px;padding:28px 24px;transition:border-color .15s,box-shadow .15s}.home-tile:hover{border-color:var(--accent);box-shadow:0 2px 12px var(--overlay-subtle)}.home-tile h2{color:var(--accent);margin:0 0 8px;font-size:18px;font-weight:600}.home-tile p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.tile-diagram{margin:10px 0 8px;line-height:0}.tile-diagram svg{width:90%;max-height:72px;overflow:visible}.section-title{color:var(--text);margin-bottom:12px;font-size:18px;font-weight:600}.fretboard-container{margin:16px 0;overflow-x:auto}.fretboard-container.mobile-vertical{justify-content:center;display:flex;overflow-x:hidden}.fretboard-container.mobile-vertical .fretboard-scroll{min-width:0}.fretboard-scroll{min-width:fit-content}.print-title{display:none}@media (prefers-color-scheme:light){:root{--bg:#fff;--bg-secondary:#f5f5f5;--bg-card:#fafafa;--text:#1a1a1a;--text-muted:#666;--accent:#8b5e34;--accent-hover:#7a5230;--border:#e0e0e0;--error:#c03030;--success:#3a7a3a;--fretboard-bg:#e8d5b7;--fret-color:#999;--string-color:#b08060;--dot-bg:#8b5e34;--dot-text:#fff;--root-bg:#a03030;--nut-color:#6b5840;--highlight:#8b5e34;--overlay-faint:#0000000a;--overlay-subtle:#0000001a;--overlay-medium:#0006;--tag-caged:#3a7a6a;--tag-caged-bg:#3a7a6a1a;--tag-caged-border:#3a7a6a40;--tag-pos:#8b5e34;--tag-pos-bg:#8b5e341a;--tag-pos-border:#8b5e3440;--tag-barre:#7a5a6a;--tag-barre-bg:#7a5a6a1a;--tag-barre-border:#7a5a6a40;--tag-other:#606050;--tag-other-bg:#6060501a;--tag-other-border:#60605040}}@media (width<=768px){#app{padding:10px 0 0 10px}.app-header,.tab-bar{padding-right:10px}.app-header h1{font-size:26px}.home-page{justify-content:flex-start;padding:24px 0}.home-title{font-size:36px}.home-header{margin-bottom:32px;padding:0 16px}.home-grid{grid-template-columns:1fr;max-width:400px;padding:0 16px}.home-tile{padding:20px 18px}.tab-bar{-webkit-overflow-scrolling:touch;gap:0;margin-bottom:16px;overflow:auto hidden}.tab-bar button{white-space:nowrap;flex-shrink:0;padding:8px 12px;font-size:13px}.controls{gap:8px}.chord-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}}@media print{.no-print{display:none!important}:root{--bg:#fff;--bg-secondary:#f5f5f5;--bg-card:#fff;--text:#000;--text-muted:#555;--border:#ccc;--accent:#8b5e34;--fretboard-bg:#f5ebe0;--fret-color:#999;--string-color:#b08060;--dot-bg:#333;--dot-text:#fff;--root-bg:#000;--nut-color:#6b5840;--highlight:#8b5e34;--overlay-faint:#0000000a;--overlay-subtle:#0000001a;--overlay-medium:#0006}body{color:#000;background:#fff}#app{max-width:none;padding:10px}.fretboard-container{page-break-inside:avoid;overflow:visible!important}.fretboard-scroll{width:100%!important;min-width:auto!important}svg{width:100%!important;height:auto!important}.print-title{color:#000;margin-bottom:8px;font-size:18px;font-weight:700;display:block!important}}.fretboard-svg.svelte-ea3903{display:block}.fretboard-wrap.svelte-ea3903{display:inline-block}.fretboard-wrap.vertical.svelte-ea3903{position:relative;overflow:hidden}.note-dot.interactive.svelte-ea3903{cursor:pointer}.note-dot.interactive.svelte-ea3903:hover circle:where(.svelte-ea3903){filter:brightness(1.2)}.voicing-dot.svelte-ea3903 circle:where(.svelte-ea3903){filter:drop-shadow(0 0 4px #d4874d80)}.note-dot.clickable.svelte-ea3903,.voicing-dot.clickable.svelte-ea3903{cursor:pointer}.note-dot.clickable.svelte-ea3903:hover circle:where(.svelte-ea3903){filter:brightness(1.3)}.note-dot.not-clickable.svelte-ea3903,.voicing-dot.not-clickable.svelte-ea3903{cursor:not-allowed;opacity:.35}.click-target.svelte-ea3903{cursor:pointer}.click-target.svelte-ea3903:hover circle:where(.svelte-ea3903){fill:var(--overlay-subtle)}.click-target.svelte-ea3903:hover text:where(.svelte-ea3903){fill:var(--overlay-medium)}.fret-select-target.svelte-ea3903{cursor:pointer}.fret-select-target.svelte-ea3903:hover rect:where(.svelte-ea3903){fill:var(--overlay-subtle)}.fret-select-target.fret-selected.svelte-ea3903:hover rect:where(.svelte-ea3903){fill:var(--highlight)}.intervals-toggle.svelte-x4pkrp{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.toggle-label.svelte-x4pkrp{color:var(--text-muted);font-size:14px}.toggle-switch.svelte-x4pkrp{background:var(--border);cursor:pointer;border-radius:10px;width:36px;height:20px;transition:background .2s;display:inline-block;position:relative}.toggle-switch.on.svelte-x4pkrp{background:var(--accent)}.toggle-knob.svelte-x4pkrp{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle-switch.on.svelte-x4pkrp .toggle-knob:where(.svelte-x4pkrp){transform:translate(16px)}.page-root.svelte-x4pkrp{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.page-root.svelte-x4pkrp>.controls:where(.svelte-x4pkrp){flex-shrink:0;padding-right:24px}.scroll-area.svelte-x4pkrp{flex:1;min-height:0;overflow:hidden auto}@media (width<=768px){.page-root.svelte-x4pkrp>.controls:where(.svelte-x4pkrp){padding-right:10px}}.chord-card.svelte-1iaxgj1{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:8px;flex-direction:column;align-items:center;margin-top:14px;padding:8px;display:flex;position:relative;overflow:visible}.pool-btn.svelte-1iaxgj1,.prog-btn.svelte-1iaxgj1{border:1.5px solid var(--border);background:var(--bg-card);width:52px;height:22px;color:var(--text-muted);cursor:pointer;z-index:1;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:11px;font-weight:600;line-height:1;transition:all .15s;display:flex;position:absolute;top:-12px}.pool-btn.svelte-1iaxgj1{right:-8px}.prog-btn.svelte-1iaxgj1{width:80px;right:48px}.pool-btn.svelte-1iaxgj1:hover,.prog-btn.svelte-1iaxgj1:hover{border-color:var(--accent);color:var(--accent)}.pool-btn.in-pool.svelte-1iaxgj1{background:var(--accent);border-color:var(--accent);color:var(--bg)}.pool-btn.in-pool.svelte-1iaxgj1:hover{opacity:.8}.pool-btn.disabled.svelte-1iaxgj1{opacity:.35;cursor:not-allowed}.pool-btn.disabled.svelte-1iaxgj1:hover{opacity:.35}.pool-btn.flash.svelte-1iaxgj1,.prog-btn.flash.svelte-1iaxgj1{animation:.4s ease-out svelte-1iaxgj1-btn-flash}@keyframes svelte-1iaxgj1-btn-flash{0%{background:var(--accent);border-color:var(--accent);color:var(--bg);transform:scale(1.15)}to{transform:scale(1)}}.chord-actions.svelte-1iaxgj1{gap:6px;margin-top:6px;display:flex}.btn-icon.svelte-1iaxgj1{min-width:0;padding:4px 8px}.intervals-toggle.svelte-1iaxgj1{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;display:flex}.toggle-label.svelte-1iaxgj1{color:var(--text-muted);font-size:11px}.toggle-switch.svelte-1iaxgj1{background:var(--border);cursor:pointer;border-radius:8px;width:30px;height:16px;transition:background .2s;display:inline-block;position:relative}.toggle-switch.on.svelte-1iaxgj1{background:var(--accent)}.toggle-knob.svelte-1iaxgj1{background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-switch.on.svelte-1iaxgj1 .toggle-knob:where(.svelte-1iaxgj1){transform:translate(14px)}svg.svelte-1iaxgj1,.mini-chord-svg.svelte-17u6oz4{display:block}.filter-row.svelte-e9l2my{align-items:flex-start;gap:8px;display:flex}.filter-label.svelte-e9l2my{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;min-width:60px;padding-top:5px;font-size:12px;font-weight:600}.filter-options.svelte-e9l2my{flex-wrap:wrap;align-items:flex-start;gap:4px;display:flex}.filter-btn.svelte-e9l2my{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:14px;padding:4px 10px;font-size:12px;transition:all .15s}.filter-btn.svelte-e9l2my:hover{border-color:var(--accent);color:var(--text)}.filter-btn.active.svelte-e9l2my{background:var(--accent);border-color:var(--accent);color:var(--bg)}.filter-row-clear.svelte-e9l2my{color:var(--text-muted);cursor:pointer;opacity:.6;background:0 0;border:none;flex-shrink:0;padding:2px 8px;font-size:16px;line-height:1;transition:opacity .15s}.filter-row-clear.svelte-e9l2my:hover{opacity:1;color:var(--accent)}.page-root.svelte-gs1o26{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.page-root.svelte-gs1o26>.controls,.page-root.svelte-gs1o26>.info-msg{flex-shrink:0;padding-right:24px}.fretboard-container.svelte-gs1o26{padding-right:24px}.voicings-scroll-area.svelte-gs1o26{flex:1;min-height:0;overflow:hidden auto}.voicings-scroll-area.tablet.svelte-gs1o26{flex-direction:row;gap:24px;display:flex;overflow:hidden}.voicings-scroll-area.tablet.svelte-gs1o26 .mobile-fretboard-layout:where(.svelte-gs1o26){flex:none;margin-top:0}.voicings-scroll-area.tablet.svelte-gs1o26 .finder-split:where(.svelte-gs1o26){flex-direction:column;flex:1;min-width:0;margin-top:0;padding-right:24px;overflow-y:auto}.voicings-scroll-area.tablet.svelte-gs1o26 .voicing-detail:where(.svelte-gs1o26){order:-1;position:static}.mobile-back-btn.svelte-gs1o26{flex-shrink:0;padding-right:24px}.browse-scroll-area.svelte-gs1o26{flex:1;min-height:0;padding-right:24px;overflow-y:auto}.browse-header.svelte-gs1o26{margin-bottom:12px}.browse-filters.svelte-gs1o26{flex-direction:column;gap:8px;display:flex}.filter-row.svelte-gs1o26{align-items:flex-start;gap:8px;display:flex}.filter-label.svelte-gs1o26{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;min-width:60px;padding-top:5px;font-size:12px;font-weight:600}.filter-options.svelte-gs1o26{flex-wrap:wrap;align-items:flex-start;gap:4px;display:flex}.filter-options-sub.svelte-gs1o26{flex-wrap:wrap;align-items:center;gap:4px;width:100%;display:flex}.filter-sublabel.svelte-gs1o26{color:var(--text-muted);opacity:.6;min-width:36px;font-size:11px}.filter-divider.svelte-gs1o26{border:none;border-top:1px solid var(--border);margin:4px 0}.degree-grouped-grid.svelte-gs1o26{flex-direction:column;gap:16px;display:flex}.degree-section.svelte-gs1o26{flex-direction:column;gap:6px;display:flex}.degree-label.svelte-gs1o26{color:var(--accent);letter-spacing:.5px;border-bottom:1px solid var(--border);padding-bottom:2px;font-size:15px;font-weight:700}.degree-function.svelte-gs1o26{color:var(--text-muted);font-size:13px;font-weight:400}.filter-btn.svelte-gs1o26{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:14px;padding:4px 10px;font-size:12px;transition:all .15s}.filter-btn.svelte-gs1o26:hover{border-color:var(--accent);color:var(--text)}.filter-btn.active.svelte-gs1o26{background:var(--accent);border-color:var(--accent);color:var(--bg)}.filter-row-clear.svelte-gs1o26{color:var(--text-muted);cursor:pointer;opacity:.6;background:0 0;border:none;flex-shrink:0;padding:2px 8px;font-size:16px;line-height:1;transition:opacity .15s}.filter-row-clear.svelte-gs1o26:hover{opacity:1;color:var(--accent)}.btn-clear-all.invisible.svelte-gs1o26{visibility:hidden}.search-input.svelte-gs1o26{width:100%;max-width:240px}.quick-search-group.svelte-gs1o26{flex:0 260px;min-width:180px}.quick-search-group.svelte-gs1o26 label:where(.svelte-gs1o26){white-space:nowrap}.quick-search-wrapper.svelte-gs1o26{position:relative}.quick-search-dropdown.svelte-gs1o26{background:var(--bg-card);border:1px solid var(--border);z-index:100;border-radius:8px;min-width:220px;max-height:320px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0006}.quick-search-item.svelte-gs1o26{cursor:pointer;align-items:center;gap:8px;padding:8px 12px;transition:background .1s;display:flex}.quick-search-item.svelte-gs1o26:hover{background:var(--bg-secondary)}.quick-search-name.svelte-gs1o26{color:var(--text);font-size:13px;font-weight:600}.quick-search-type.svelte-gs1o26{color:var(--text-muted);font-size:11px}.chord-count.svelte-gs1o26{color:var(--text-muted);margin-bottom:10px;font-size:13px}.chord-grid.svelte-gs1o26{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));align-content:start;gap:8px;padding:2px;display:grid}.chord-card.svelte-gs1o26{border:1px solid var(--border);background:var(--bg-secondary);cursor:pointer;border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;transition:background .15s,border-color .15s;display:flex}.chord-card.svelte-gs1o26:hover{background:var(--bg-card);border-color:var(--accent)}.chord-card-name.svelte-gs1o26{color:var(--text);font-size:16px;font-weight:700}.chord-card-type.svelte-gs1o26{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.chord-card-keys.svelte-gs1o26{color:var(--accent);opacity:.7;margin-top:2px;font-size:10px}.btn-back.svelte-gs1o26{padding:6px 14px;font-size:13px}.btn-clear-all.svelte-gs1o26{align-self:flex-end;padding:6px 14px;font-size:12px}.finder-split.svelte-gs1o26{align-items:flex-start;gap:24px;margin-top:20px;padding-right:24px;display:flex}.voicing-list.svelte-gs1o26{flex:1;min-width:0}.voicing-items.svelte-gs1o26{border:1px solid var(--border);background:var(--bg-secondary);border-radius:8px;overflow-y:auto}.position-group-header.svelte-gs1o26{z-index:1;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);background:var(--bg-secondary);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 14px;font-size:12px;font-weight:700;position:sticky;top:0}.position-group-header.svelte-gs1o26:hover{background:var(--bg-card)}.group-chevron.svelte-gs1o26{margin-right:4px;font-size:10px;transition:transform .15s;display:inline-block}.group-chevron.collapsed.svelte-gs1o26{transform:rotate(-90deg)}.other-possibilities-header.svelte-gs1o26{border-top:2px solid var(--border);color:var(--text-muted);margin-top:8px}.group-count.svelte-gs1o26{color:var(--text-muted);text-transform:none;letter-spacing:0;font-weight:400}.fret-selector-row.svelte-gs1o26{height:175px;margin-top:4px;position:relative;overflow:visible}.fret-selector-slot.svelte-gs1o26{flex-direction:column;align-items:center;display:flex;position:absolute;top:0;transform:translate(-50%)}.fret-connector.svelte-gs1o26{background:var(--text-muted);opacity:.3;border-radius:1px;width:2px;height:10px}.fret-selector-btn.svelte-gs1o26{border:2px solid var(--border);background:var(--bg-secondary);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;flex-direction:column;align-items:center;gap:3px;width:66px;padding:4px 6px 5px;transition:all .15s;display:flex;overflow:hidden}.fret-selector-btn.svelte-gs1o26:hover{border-color:var(--text-muted);background:var(--bg-card)}.fret-selector-btn.active.svelte-gs1o26{border-color:var(--accent);background:var(--bg-card);box-shadow:0 0 0 1px var(--accent)}.fret-selector-label.svelte-gs1o26{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:10px;font-weight:700}.fret-selector-btn.active.svelte-gs1o26 .fret-selector-label:where(.svelte-gs1o26){color:var(--accent)}.fret-selector-tags.svelte-gs1o26{flex-wrap:wrap;justify-content:center;gap:2px;max-width:64px;display:flex}.fret-selector-tag.svelte-gs1o26{background:var(--tag-caged-bg);color:var(--tag-caged);white-space:nowrap;border-radius:3px;padding:1px 4px;font-size:9px}.fret-selector-count.svelte-gs1o26{color:var(--text-muted);font-size:10px}.fret-selector-all.svelte-gs1o26{justify-content:center}.fret-selector-all-desc.svelte-gs1o26{color:var(--text-muted);text-align:center;white-space:normal;font-size:10px;line-height:1.2}.voicing-toolbar.svelte-gs1o26{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.voicing-tags.svelte-gs1o26{flex-wrap:wrap;flex:1;gap:4px;min-width:0;display:flex}.tag.svelte-gs1o26{white-space:nowrap;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.tag-caged.svelte-gs1o26{background:var(--tag-caged-bg);color:var(--tag-caged);border:1px solid var(--tag-caged-border)}.tag-clickable.svelte-gs1o26{cursor:pointer;text-underline-offset:2px;text-decoration:underline}.tag-clickable.svelte-gs1o26:hover{opacity:.8}.tag-other.svelte-gs1o26{background:var(--tag-other-bg);color:var(--tag-other);border:1px solid var(--tag-other-border)}.tag-pos.svelte-gs1o26{background:var(--tag-pos-bg);color:var(--tag-pos);border:1px solid var(--tag-pos-border)}.tag-barre.svelte-gs1o26{background:var(--tag-barre-bg);color:var(--tag-barre);border:1px solid var(--tag-barre-border)}.voicing-score.svelte-gs1o26{color:var(--text-muted);white-space:nowrap;opacity:.7;font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px;font-weight:600}.detail-score.svelte-gs1o26{color:var(--text-muted);margin-left:8px;font-size:13px;font-weight:600}.detail-tags.svelte-gs1o26{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.detail-tags.svelte-gs1o26 .tag:where(.svelte-gs1o26){padding:2px 8px;font-size:11px}.voicing-item.svelte-gs1o26{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 14px;transition:background .15s;display:flex}.voicing-item.svelte-gs1o26:last-child{border-bottom:none}.voicing-item.svelte-gs1o26:hover{background:var(--bg-card)}.voicing-item.active.svelte-gs1o26{background:var(--bg-card);border-left:3px solid var(--accent)}.voicing-actions.svelte-gs1o26{flex-shrink:0;gap:6px;margin-left:auto;display:flex}.voicing-action-btn.svelte-gs1o26{border:1.5px solid var(--border);background:var(--bg-card);min-width:105px;color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:2px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.voicing-action-btn.svelte-gs1o26:hover{border-color:var(--accent);color:var(--accent)}.voicing-action-btn.in-pool.svelte-gs1o26{background:var(--accent);border-color:var(--accent);color:var(--bg)}.voicing-action-btn.in-pool.svelte-gs1o26:hover{opacity:.85}.voicing-action-btn.disabled.svelte-gs1o26{opacity:.4;cursor:not-allowed}.voicing-frets.svelte-gs1o26{letter-spacing:1.5px;color:var(--text);min-width:80px;font-family:monospace;font-size:14px;font-weight:600}.voicing-detail.svelte-gs1o26{flex:0 0 180px;min-width:180px;position:sticky;top:16px}.fretboard-hint.svelte-gs1o26{color:var(--text-muted);opacity:.7;flex-shrink:0;margin:6px 0 0 4px;padding-right:24px;font-size:12px}.chord-info-bar.svelte-gs1o26{background:var(--bg-card);border-radius:8px;flex-wrap:wrap;flex-shrink:0;align-items:baseline;gap:8px 16px;margin:8px 24px 4px 0;padding:10px 14px;font-size:14px;line-height:1.5;display:flex}.intervals-toggle.svelte-gs1o26{cursor:pointer;-webkit-user-select:none;user-select:none;align-self:center;align-items:center;gap:6px;margin-left:auto;display:flex}.toggle-label.svelte-gs1o26{color:var(--text-muted);font-size:14px}.toggle-switch.svelte-gs1o26{background:var(--border);cursor:pointer;border-radius:10px;width:36px;height:20px;transition:background .2s;display:inline-block;position:relative}.toggle-switch.on.svelte-gs1o26{background:var(--accent)}.toggle-knob.svelte-gs1o26{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle-switch.on.svelte-gs1o26 .toggle-knob:where(.svelte-gs1o26){transform:translate(16px)}.chord-info-name.svelte-gs1o26{font-size:18px;font-weight:700}.chord-info-type.svelte-gs1o26{color:var(--text-muted)}.chord-info-category.svelte-gs1o26{background:var(--accent);color:var(--bg);text-transform:uppercase;letter-spacing:.3px;border-radius:10px;padding:1px 8px;font-size:11px;font-weight:600}.chord-info-keys.svelte-gs1o26{color:var(--text-muted);font-size:13px}.chord-notes.svelte-gs1o26{color:var(--text-muted);margin-left:6px;font-weight:400}.section-title-row.svelte-gs1o26{justify-content:space-between;align-items:center;gap:12px;display:flex}.filter-info.svelte-gs1o26{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;margin-top:6px;padding-right:24px;display:flex}.filter-tag.svelte-gs1o26{background:var(--tag-pos-bg);border:1px solid var(--tag-pos-border);color:var(--highlight);border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;display:inline-flex}.filter-tag-x.svelte-gs1o26{color:var(--highlight);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:14px;line-height:1}.filter-tag-x.svelte-gs1o26:hover{color:var(--text)}.btn-clear-filter.svelte-gs1o26{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:12px;padding:2px 10px;font-size:11px}.btn-clear-filter.svelte-gs1o26:hover{color:var(--text);border-color:var(--text-muted)}.no-match-msg.svelte-gs1o26{text-align:center;color:var(--text-muted);border:1px solid var(--border);background:var(--bg-secondary);border-radius:8px;margin-bottom:8px;padding:16px;font-size:13px}@media (width<=700px){.finder-split.svelte-gs1o26{flex-direction:column;padding-right:10px}.voicing-detail.svelte-gs1o26{order:-1;position:static}.chord-grid.svelte-gs1o26{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.browse-scroll-area.svelte-gs1o26{padding-right:10px}.chord-info-bar.svelte-gs1o26{margin-right:10px}.fretboard-hint.svelte-gs1o26,.filter-info.svelte-gs1o26,.page-root.svelte-gs1o26>.controls,.page-root.svelte-gs1o26>.info-msg,.fretboard-container.svelte-gs1o26,.mobile-back-btn.svelte-gs1o26{padding-right:10px}}.mobile-fretboard-layout.svelte-gs1o26{-webkit-overflow-scrolling:touch;flex:1;gap:8px;min-height:0;margin-top:12px;padding-right:12px;display:flex;overflow:hidden auto}.mobile-selector-col.svelte-gs1o26{flex-shrink:0;width:130px;position:relative}.mobile-selector-slot.svelte-gs1o26{position:absolute;left:0;right:0;transform:translateY(-50%)}.mobile-selector-col.svelte-gs1o26 .fret-selector-btn:where(.svelte-gs1o26){flex-direction:row;align-items:center;gap:3px;width:100%;height:62px;padding:3px 4px;overflow:hidden}.mobile-selector-text.svelte-gs1o26{flex-direction:column;align-items:flex-start;gap:1px;min-width:0;display:flex}.mobile-selector-col.svelte-gs1o26 .fret-selector-label:where(.svelte-gs1o26){letter-spacing:0;white-space:nowrap;font-size:9px}.mobile-selector-col.svelte-gs1o26 .fret-selector-tags:where(.svelte-gs1o26){flex-flow:wrap;gap:1px;max-width:none}.mobile-selector-col.svelte-gs1o26 .fret-selector-count:where(.svelte-gs1o26){font-size:9px}.mobile-selector-col.svelte-gs1o26 .fret-selector-all:where(.svelte-gs1o26){flex-direction:row;align-items:center;height:62px}.mobile-selector-col.svelte-gs1o26 .fret-selector-all-desc:where(.svelte-gs1o26){font-size:9px}.mobile-back-btn.svelte-gs1o26{background:var(--bg-card);border:1px solid var(--border);color:var(--accent);cursor:pointer;border-radius:8px;align-items:center;gap:6px;margin-bottom:12px;padding:8px 14px;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.mobile-back-btn.svelte-gs1o26:hover{background:var(--bg-secondary)}.extensions-toggle.svelte-gs1o26{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.related-chords-bar.svelte-gs1o26{flex-wrap:wrap;align-items:center;gap:6px;padding:6px 12px;display:flex}.related-label.svelte-gs1o26{color:var(--text-muted);white-space:nowrap;font-size:12px;font-weight:600}.related-chip.svelte-gs1o26{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:14px;align-items:center;gap:4px;padding:3px 10px;transition:background .15s,border-color .15s;display:inline-flex}.related-chip.svelte-gs1o26:hover{background:var(--bg-secondary);border-color:var(--accent)}.related-chip-name.svelte-gs1o26{color:var(--text);font-size:13px;font-weight:600}.related-chip-relation.svelte-gs1o26{color:var(--text-muted);font-size:10px}.related-more-wrapper.svelte-gs1o26{position:relative}.related-more-btn.svelte-gs1o26{letter-spacing:1px;padding:3px 10px;font-weight:700}.related-more-dropdown.svelte-gs1o26{background:var(--bg-card);border:1px solid var(--border);z-index:20;border-radius:8px;min-width:140px;margin-top:4px;padding:4px 0;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #0000004d}.related-more-item.svelte-gs1o26{cursor:pointer;align-items:center;gap:6px;padding:6px 12px;transition:background .15s;display:flex}.related-more-item.svelte-gs1o26:hover{background:var(--bg-secondary)}.page-root.svelte-a24zih{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.page-root.svelte-a24zih>.controls,.page-root.svelte-a24zih>.info-msg{flex-shrink:0;padding-right:24px}.scroll-area.svelte-a24zih{flex:1;min-height:0;overflow:hidden auto}.results-section.svelte-a24zih{margin-top:16px}.results-heading.svelte-a24zih{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:16px 0 8px;font-size:14px;font-weight:600}.candidate-grid.svelte-a24zih{flex-wrap:wrap;gap:12px;display:flex}.candidate-card.svelte-a24zih{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;font:inherit;color:inherit;border-radius:8px;flex-direction:column;align-items:center;min-width:120px;padding:8px 12px;transition:border-color .15s,filter .15s;display:flex}.candidate-card.svelte-a24zih:hover{border-color:var(--accent);filter:brightness(1.1)}.candidate-card.vague.svelte-a24zih{opacity:.7;border-style:dashed}.candidate-card.vague.svelte-a24zih:hover{opacity:1}.candidate-name.svelte-a24zih{color:var(--accent);margin-bottom:4px;font-size:16px;font-weight:700}.mobile-id-layout.svelte-a24zih{flex-direction:row;flex:1;gap:24px;min-height:0;display:flex;overflow:hidden auto}.mobile-id-layout.svelte-a24zih .fretboard-container:where(.svelte-a24zih){flex-shrink:0;overflow:hidden}.mobile-id-layout.svelte-a24zih .results-section:where(.svelte-a24zih){flex:1;min-width:200px;margin-top:0}.mobile-id-layout.svelte-a24zih .candidate-grid:where(.svelte-a24zih){flex-wrap:wrap}.mobile-id-layout.svelte-a24zih .candidate-card:where(.svelte-a24zih){min-width:0}@media (width<=768px){.page-root.svelte-a24zih>.controls,.page-root.svelte-a24zih>.info-msg{padding-right:10px}}.page-root.svelte-1n3we6i{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.filter-bar.svelte-1n3we6i{flex-wrap:wrap;flex-shrink:0;align-items:flex-end;gap:12px;margin-bottom:12px;padding-right:24px;display:flex}.fretboard-container.svelte-1n3we6i{margin-top:8px;padding-right:24px}.explorer-scroll-area.svelte-1n3we6i{flex:1;min-height:0;overflow:hidden auto}.explorer-scroll-area.tablet.svelte-1n3we6i{flex-direction:row;gap:24px;display:flex;overflow:hidden}.explorer-scroll-area.tablet.svelte-1n3we6i .mobile-fretboard-layout:where(.svelte-1n3we6i){flex:none;margin-top:0}.explorer-scroll-area.tablet.svelte-1n3we6i .explorer-split:where(.svelte-1n3we6i){flex-direction:column;flex:1;min-width:0;margin-top:0;padding-right:24px;overflow-y:auto}.explorer-scroll-area.tablet.svelte-1n3we6i .voicing-list:where(.svelte-1n3we6i){align-self:stretch}.explorer-scroll-area.tablet.svelte-1n3we6i .voicing-detail:where(.svelte-1n3we6i){order:-1;position:static}.fretboard-scroll.svelte-1n3we6i{overflow-x:auto}.fret-selector-row.svelte-1n3we6i{height:175px;margin-top:4px;position:relative;overflow:visible}.fret-selector-slot.svelte-1n3we6i{flex-direction:column;align-items:center;display:flex;position:absolute;top:0;transform:translate(-50%)}.fret-connector.svelte-1n3we6i{background:var(--text-muted);opacity:.3;border-radius:1px;width:2px;height:10px}.fret-selector-btn.svelte-1n3we6i{border:2px solid var(--border);background:var(--bg-secondary);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;flex-direction:column;align-items:center;gap:3px;width:66px;padding:4px 6px 5px;transition:all .15s;display:flex;overflow:hidden}.fret-selector-btn.svelte-1n3we6i:hover{border-color:var(--text-muted);background:var(--bg-card)}.fret-selector-btn.active.svelte-1n3we6i{border-color:var(--accent);background:var(--bg-card);box-shadow:0 0 0 1px var(--accent)}.fret-selector-label.svelte-1n3we6i{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:10px;font-weight:700}.fret-selector-btn.active.svelte-1n3we6i .fret-selector-label:where(.svelte-1n3we6i){color:var(--accent)}.fret-selector-main-name.svelte-1n3we6i{color:var(--text);white-space:nowrap;font-size:12px;font-weight:700}.fret-selector-names.svelte-1n3we6i{flex-wrap:wrap;justify-content:center;gap:2px;max-width:64px;display:flex}.fret-selector-name.svelte-1n3we6i{background:var(--tag-caged-bg);color:var(--tag-caged);white-space:nowrap;border-radius:3px;padding:1px 4px;font-size:9px}.fret-selector-ellipsis.svelte-1n3we6i{color:var(--text-muted);background:0 0;padding:1px}.fret-selector-count.svelte-1n3we6i{color:var(--text-muted);font-size:10px}.fretboard-hint.svelte-1n3we6i{color:var(--text-muted);opacity:.7;margin:6px 0 10px 4px;padding-right:24px;font-size:12px}.section-title.svelte-1n3we6i{margin-bottom:10px;font-size:14px}.explorer-split.svelte-1n3we6i{align-items:flex-start;gap:24px;margin-top:20px;padding-right:24px;display:flex}.voicing-list.svelte-1n3we6i{flex:1;min-width:0}.voicing-items.svelte-1n3we6i{border:1px solid var(--border);background:var(--bg-secondary);border-radius:8px;overflow-y:auto}.voicing-item.svelte-1n3we6i{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 14px;transition:background .15s;display:flex}.voicing-item.svelte-1n3we6i:last-child{border-bottom:none}.voicing-item.svelte-1n3we6i:hover{background:var(--bg-card)}.voicing-item.active.svelte-1n3we6i{background:var(--bg-card);border-left:3px solid var(--accent)}.voicing-actions.svelte-1n3we6i{flex-shrink:0;gap:6px;margin-left:auto;display:flex}.voicing-action-btn.svelte-1n3we6i{border:1.5px solid var(--border);background:var(--bg-card);min-width:105px;color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:2px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.voicing-action-btn.svelte-1n3we6i:hover{border-color:var(--accent);color:var(--accent)}.voicing-action-btn.in-pool.svelte-1n3we6i{background:var(--accent);border-color:var(--accent);color:var(--bg)}.voicing-action-btn.in-pool.svelte-1n3we6i:hover{opacity:.85}.voicing-action-btn.disabled.svelte-1n3we6i{opacity:.4;cursor:not-allowed}.voicing-chord-name.svelte-1n3we6i{color:var(--text);min-width:60px;font-size:15px;font-weight:700}.chord-link.svelte-1n3we6i{color:var(--accent);cursor:pointer;text-underline-offset:2px;text-decoration:underline}.chord-link.svelte-1n3we6i:hover{opacity:.8}.voicing-frets.svelte-1n3we6i{letter-spacing:1.5px;color:var(--text);min-width:80px;font-family:monospace;font-size:14px;font-weight:600}.voicing-tags.svelte-1n3we6i{flex-wrap:wrap;gap:4px;display:flex}.tag.svelte-1n3we6i{white-space:nowrap;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.tag-caged.svelte-1n3we6i{background:var(--tag-caged-bg);color:var(--tag-caged);border:1px solid var(--tag-caged-border)}.tag-pos.svelte-1n3we6i{background:var(--tag-pos-bg);color:var(--tag-pos);border:1px solid var(--tag-pos-border)}.tag-barre.svelte-1n3we6i{background:var(--tag-barre-bg);color:var(--tag-barre);border:1px solid var(--tag-barre-border)}.voicing-detail.svelte-1n3we6i{flex:0 0 180px;min-width:180px;position:sticky;top:16px}.detail-title.svelte-1n3we6i{margin-bottom:8px;font-size:18px;font-weight:700}.detail-tags.svelte-1n3we6i{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.detail-tags.svelte-1n3we6i .tag:where(.svelte-1n3we6i){padding:2px 8px;font-size:11px}.detail-notes.svelte-1n3we6i{color:var(--text-muted);margin-top:10px;font-size:13px}.empty-state.svelte-1n3we6i{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:14px}@media (width<=700px){.explorer-split.svelte-1n3we6i{flex-direction:column;padding-right:10px}.voicing-detail.svelte-1n3we6i{order:-1;position:static}.filter-bar.svelte-1n3we6i,.fretboard-container.svelte-1n3we6i,.fretboard-hint.svelte-1n3we6i,.mobile-back-btn.svelte-1n3we6i{padding-right:10px}}.mobile-fretboard-layout.svelte-1n3we6i{-webkit-overflow-scrolling:touch;flex:1;gap:8px;min-height:0;margin-top:12px;padding-right:12px;display:flex;overflow:hidden auto}.mobile-selector-col.svelte-1n3we6i{flex-shrink:0;width:130px;position:relative}.mobile-selector-slot.svelte-1n3we6i{position:absolute;left:0;right:0;transform:translateY(-50%)}.mobile-selector-col.svelte-1n3we6i .fret-selector-btn:where(.svelte-1n3we6i){flex-direction:row;align-items:center;gap:3px;width:100%;height:62px;padding:3px 4px;overflow:hidden}.mobile-selector-text.svelte-1n3we6i{flex-direction:column;align-items:flex-start;gap:1px;min-width:0;display:flex}.mobile-selector-col.svelte-1n3we6i .fret-selector-label:where(.svelte-1n3we6i){letter-spacing:0;white-space:nowrap;font-size:9px}.mobile-selector-col.svelte-1n3we6i .fret-selector-names:where(.svelte-1n3we6i){flex-flow:wrap;gap:1px;max-width:none}.mobile-selector-col.svelte-1n3we6i .fret-selector-count:where(.svelte-1n3we6i){font-size:9px}.mobile-back-btn.svelte-1n3we6i{background:var(--bg-card);border:1px solid var(--border);color:var(--accent);cursor:pointer;border-radius:8px;align-items:center;gap:6px;margin-bottom:12px;padding:8px 24px 8px 14px;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.mobile-back-btn.svelte-1n3we6i:hover{background:var(--bg-secondary)}.progression-root.svelte-11uswqy{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.empty-state.svelte-11uswqy{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.empty-icon.svelte-11uswqy{font-size:48px}.empty-state.svelte-11uswqy h2:where(.svelte-11uswqy){color:var(--text);margin:0;font-size:20px}.empty-state.svelte-11uswqy p:where(.svelte-11uswqy){color:var(--text-muted);max-width:400px;margin:0;font-size:14px}.empty-actions.svelte-11uswqy{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.quick-search-wrapper.svelte-11uswqy{width:100%;position:relative}.quick-search-center.svelte-11uswqy{max-width:340px;margin-top:8px}.quick-search-pool.svelte-11uswqy{flex-shrink:0;padding:6px 8px}.quick-search-input.svelte-11uswqy{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);box-sizing:border-box;border-radius:6px;outline:none;padding:8px 12px;font-size:16px}.quick-search-input.svelte-11uswqy:focus{border-color:var(--accent)}.quick-search-pool.svelte-11uswqy .quick-search-input:where(.svelte-11uswqy){padding:6px 10px}.quick-dropdown.svelte-11uswqy{background:var(--bg-card);border:1px solid var(--border);z-index:30;border-radius:6px;min-width:240px;max-height:280px;margin-top:2px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.quick-search-pool.svelte-11uswqy .quick-dropdown:where(.svelte-11uswqy){left:8px;right:8px}.quick-item.svelte-11uswqy{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding:6px 10px;display:flex}.quick-item.svelte-11uswqy:last-child{border-bottom:none}.quick-item-row1.svelte-11uswqy{align-items:center;gap:6px;display:flex}.quick-item-name.svelte-11uswqy{white-space:nowrap;font-size:14px;font-weight:600}.quick-item-type.svelte-11uswqy{min-width:0;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.quick-item-frets.svelte-11uswqy{color:var(--text-muted);white-space:nowrap;font-family:monospace;font-size:11px}.quick-item-actions.svelte-11uswqy{flex-shrink:0;gap:4px;display:flex}.quick-action-btn.svelte-11uswqy{border:1px solid var(--border);background:var(--bg);height:26px;color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;line-height:1;transition:all .12s;display:flex}.quick-action-btn.svelte-11uswqy:disabled{opacity:.4;cursor:default}.quick-action-btn.add.svelte-11uswqy:hover:not(:disabled),.quick-action-btn.prog.svelte-11uswqy:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--bg))}.quick-action-btn.go.svelte-11uswqy:hover{border-color:var(--accent);color:var(--accent)}.builder-layout.svelte-11uswqy{flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.pool-column.svelte-11uswqy{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:200px;transition:width .2s,opacity .2s;display:flex;overflow:hidden}.pool-column.collapsed.svelte-11uswqy{opacity:0;pointer-events:none;width:0}.pool-column.drag-over.svelte-11uswqy{background:color-mix(in srgb, var(--accent) 8%, transparent)}.pool-header.svelte-11uswqy{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.pool-title.svelte-11uswqy{font-size:14px;font-weight:600}.pool-count.svelte-11uswqy{background:var(--accent);color:var(--bg);border-radius:10px;padding:1px 7px;font-size:11px;font-weight:600}.quick-nav-buttons.svelte-11uswqy{flex-shrink:0;gap:6px;padding:6px 12px;display:flex}.quick-nav-buttons.svelte-11uswqy .btn:where(.svelte-11uswqy){flex:1;font-size:11px}.pool-list.svelte-11uswqy{flex-direction:column;flex:1;gap:6px;padding:8px;display:flex;overflow-y:auto}.pool-card.svelte-11uswqy{background:var(--bg-card);border:1px solid var(--border);cursor:grab;border-radius:6px;align-items:center;gap:6px;padding:4px 6px;display:flex}.pool-card.svelte-11uswqy:active{cursor:grabbing}.pool-card-in-prog.svelte-11uswqy{border-color:var(--accent);border-style:dashed}.pool-card-diagram.svelte-11uswqy{flex-shrink:0}.pool-card-info.svelte-11uswqy{flex:1;min-width:0}.pool-card-name.svelte-11uswqy{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.pool-card-in-prog-badge.svelte-11uswqy{color:var(--accent);font-size:10px;line-height:1.2;display:block}.pool-card-actions.svelte-11uswqy{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.pool-action-btn.svelte-11uswqy{border:1px solid var(--border);background:var(--bg);width:22px;height:22px;color:var(--text-muted);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;display:flex}.pool-action-btn.svelte-11uswqy:hover{border-color:var(--accent);color:var(--accent)}.pool-action-btn.delete.svelte-11uswqy:hover{border-color:var(--error);color:var(--error)}.pool-action-btn.delete.confirming.svelte-11uswqy{border-color:var(--error);color:#fff;background:var(--error);font-size:11px;font-weight:700}.pool-toggle.svelte-11uswqy{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;color:var(--text-muted);border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:flex}.pool-toggle-icon.svelte-11uswqy{font-size:10px}.pool-toggle-badge.svelte-11uswqy{background:var(--accent);color:var(--bg);border-radius:8px;padding:0 5px;font-size:10px;font-weight:600}.pool-close-btn.svelte-11uswqy{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;margin-left:auto;padding:2px 8px;font-size:14px;line-height:1}.pool-close-btn.svelte-11uswqy:hover{background:color-mix(in srgb, var(--text-muted) 15%, var(--bg))}.pool-clear-btn.svelte-11uswqy{margin-left:auto;padding:2px 8px;font-size:11px}.progression-column.svelte-11uswqy{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.progression-header.svelte-11uswqy{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.progression-title-input.svelte-11uswqy{border:1px solid color-mix(in srgb, var(--border) 50%, transparent);color:var(--text);background:0 0;border-radius:4px;outline:none;min-width:0;max-width:240px;padding:4px 8px;font-size:18px;font-weight:600}.progression-title-input.svelte-11uswqy:hover{border-color:var(--border)}.progression-title-input.svelte-11uswqy:focus{border-color:var(--accent);background:var(--bg)}.header-right-group.svelte-11uswqy{flex-shrink:0;gap:8px;margin-left:auto;display:flex}.btn-fixed-select.svelte-11uswqy{text-align:center;min-width:60px}.btn-fixed-share.svelte-11uswqy{text-align:center;box-sizing:border-box;white-space:nowrap;width:82px}.btn-active.svelte-11uswqy{background:var(--accent)!important;color:var(--bg)!important;border-color:var(--accent)!important}.btn-danger.svelte-11uswqy{background:var(--error)!important;color:#fff!important;border-color:var(--error)!important}.btn-danger.svelte-11uswqy:hover{filter:brightness(1.15)}.progression-grid.svelte-11uswqy{flex:1;grid-template-columns:repeat(4,1fr);align-content:start;gap:0;padding:12px;display:grid;overflow-y:auto}.progression-grid.mobile.svelte-11uswqy{grid-template-columns:repeat(2,1fr)}.grid-cell-wrapper.svelte-11uswqy{align-items:stretch;display:flex;position:relative}.grid-cell.svelte-11uswqy{border:1px dashed var(--border);cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;height:120px;margin:2px;padding:2px;transition:border-color .15s,background .15s;display:flex;position:relative;overflow:visible}.grid-cell.filled.svelte-11uswqy{cursor:grab;border-style:solid}.grid-cell.filled.svelte-11uswqy:active{cursor:grabbing}.grid-cell.moving.svelte-11uswqy{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 30%, transparent)}.grid-cell.selected.svelte-11uswqy{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.grid-cell.drag-over.svelte-11uswqy{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.grid-cell.svelte-11uswqy:hover{border-color:var(--text-muted)}.grid-cell.select-mode.svelte-11uswqy{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.cell-content.svelte-11uswqy{align-items:center;gap:4px;max-width:100%;display:flex;overflow:hidden}.cell-diagram.svelte-11uswqy{pointer-events:none;flex-shrink:0}.cell-diagram.svelte-11uswqy .mini-chord-svg{width:68px;height:auto}.cell-info.svelte-11uswqy{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.cell-actions.svelte-11uswqy{gap:4px;display:flex}.cell-name.svelte-11uswqy{white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;font-size:13px;font-weight:600;overflow:hidden}.cell-empty-label.svelte-11uswqy{color:var(--text-muted);opacity:.45;font-size:18px}.cell-empty.svelte-11uswqy{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cell-quick-wrapper.svelte-11uswqy{width:90%;position:relative}.cell-quick-nav.svelte-11uswqy{justify-content:center;gap:4px;margin-top:4px;display:flex}.cell-quick-nav-btn.svelte-11uswqy{border:1px solid var(--border);color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;padding:3px 8px;font-size:11px}.cell-quick-nav-btn.svelte-11uswqy:hover{background:color-mix(in srgb, var(--accent) 15%, var(--bg));color:var(--accent)}.cell-quick-input.svelte-11uswqy{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);box-sizing:border-box;border-radius:4px;outline:none;padding:3px 6px;font-size:16px}.cell-quick-input.svelte-11uswqy:focus{border-color:var(--accent)}.cell-quick-dropdown.svelte-11uswqy{background:var(--bg-card);border:1px solid var(--border);z-index:40;border-radius:6px;min-width:180px;max-height:220px;position:absolute;left:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.cell-quick-item.svelte-11uswqy{border:none;border-bottom:1px solid var(--border);color:var(--text);text-align:left;background:0 0;flex-direction:column;gap:3px;width:100%;padding:5px 8px;font-size:12px;display:flex}.cell-quick-item.svelte-11uswqy:last-child{border-bottom:none}.cell-quick-item.svelte-11uswqy:hover{background:color-mix(in srgb, var(--accent) 10%, var(--bg))}.cell-quick-item-row.svelte-11uswqy{flex-direction:row;align-items:center;gap:6px}.cell-quick-row1.svelte-11uswqy{align-items:center;gap:6px;display:flex}.cell-quick-item-actions.svelte-11uswqy{gap:4px;display:flex}.cell-quick-name.svelte-11uswqy{white-space:nowrap;font-weight:600}.cell-quick-type.svelte-11uswqy{min-width:0;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.cell-quick-frets.svelte-11uswqy{color:var(--text-muted);white-space:nowrap;font-family:monospace;font-size:11px}.cell-quick-section-title.svelte-11uswqy{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:4px 8px 2px;font-size:11px;font-weight:600}.cell-quick-section-divider.svelte-11uswqy{background:var(--border);height:1px;margin:2px 0}.cell-action-btn.svelte-11uswqy{border:1px solid var(--border);background:var(--bg);width:20px;height:20px;color:var(--text-muted);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;display:flex}.cell-action-btn.svelte-11uswqy:hover{border-color:var(--accent);color:var(--accent)}.cell-play-btn.svelte-11uswqy{font-size:9px}.cell-remove-btn.svelte-11uswqy{border:1px solid var(--border);background:var(--bg);width:22px;height:22px;color:var(--text-muted);cursor:pointer;opacity:0;z-index:2;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:15px;line-height:1;transition:opacity .15s;display:flex;position:absolute;top:2px;right:2px}.grid-cell.svelte-11uswqy:hover .cell-remove-btn:where(.svelte-11uswqy),.grid-cell.svelte-11uswqy:active .cell-remove-btn:where(.svelte-11uswqy){opacity:.6}.cell-remove-btn.svelte-11uswqy:hover{color:var(--error);border-color:var(--error);opacity:1!important}.cell-dup-btn.svelte-11uswqy{right:26px}.cell-dup-btn.svelte-11uswqy:hover{border-color:var(--accent);color:var(--accent)!important}.cell-insert-btn.svelte-11uswqy{width:16px;height:16px;color:var(--text-muted);cursor:pointer;opacity:0;z-index:2;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;transition:opacity .15s,width .15s,height .15s,right .15s;display:flex;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}.grid-cell-wrapper.svelte-11uswqy:hover .cell-insert-btn:where(.svelte-11uswqy){opacity:.3}.cell-insert-btn.svelte-11uswqy:hover{color:var(--accent);background:var(--bg-card);border:1px solid var(--accent);opacity:1!important}.progression-grid.dragging.svelte-11uswqy .cell-insert-btn:where(.svelte-11uswqy){opacity:1;color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, transparent);border:1.5px solid var(--accent)}.cell-insert-btn.insert-drag-over.svelte-11uswqy{opacity:1!important;color:#fff!important;background:var(--accent)!important;border-color:var(--accent)!important}.add-more-btn.svelte-11uswqy{flex-shrink:0;margin:8px 12px 12px}.add-cell-btn.svelte-11uswqy{opacity:.35;background:0 0;border-style:dashed;transition:opacity .15s,border-color .15s}.add-cell-btn.svelte-11uswqy:hover{opacity:.7;border-color:var(--accent)}.add-cell-plus.svelte-11uswqy{color:var(--text-muted);font-size:28px;line-height:1}.add-cell-btn.svelte-11uswqy:hover .add-cell-plus:where(.svelte-11uswqy){color:var(--accent)}@media (width<=767px){.pool-column.svelte-11uswqy{z-index:20;background:var(--bg);border-right:1px solid var(--border);position:absolute;top:0;bottom:0;left:0;box-shadow:2px 0 8px #00000026}.pool-column.collapsed.svelte-11uswqy{width:0;box-shadow:none}}.page-content.svelte-1n46o8q{flex-direction:column;flex:1;min-height:0;padding-top:16px;display:flex;overflow:hidden}.toast.svelte-1n46o8q{background:var(--bg-card);color:var(--text);border:1px solid var(--accent);z-index:9999;pointer-events:none;white-space:nowrap;border-radius:8px;padding:8px 20px;font-size:14px;animation:.2s ease-out svelte-1n46o8q-toast-in;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000040}@keyframes svelte-1n46o8q-toast-in{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}