@font-face{font-family:Atkinson Hyperlegible Next;src:url(/assets/AtkinsonHyperlegibleNext-BS-c3-YL.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/assets/Inter-Bxx9cEQw.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:Roboto Mono;src:url(/assets/RobotoMono-VariableFont_wght-CJg9Sz8M.woff2)format("woff2");font-weight:100 700;font-style:normal;font-display:swap}:root{--bg:#fff;--surface:#f6f6f6;--surface-hover:#eee;--surface-dark:#222;--text:#111;--text-secondary:#333;--text-muted:#555;--text-soft:#777;--text-faint:#999;--border:#e2e2e2;--border-input:#d0d0d0;--accent:#d97706;--accent-hover:#b45309;--accent-text:#7a4200;--badge-bg:#3d3d3d;--badge-text:#fff;--active-fill:#696969;--danger:#b00020;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-full:999px;--border-control:#b9b9b9;--radius-xs:3px;--radius-popover:14.5px;--shadow-raised:0 2px 5px 0 #0000002e;--shadow-popover:0 4px 4px 0 #00000040;--shadow-pressed:0 1px 2px 0 #0000002e;font-family:Aptos,Arial,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,sans-serif}[data-theme=dark]{--bg:#121212;--surface:#1e1e1e;--surface-hover:#2a2a2a;--surface-dark:#111;--text:#f0f0f0;--text-secondary:#ccc;--text-muted:#aaa;--text-soft:#888;--text-faint:#666;--border:#333;--border-input:#444;--accent:#d97706;--accent-hover:#b45309;--accent-text:#fbbf24;--badge-bg:#555;--badge-text:#fff;--active-fill:#888;--danger:#ff4d6d}html{overflow-x:clip}body{background:var(--bg);height:100%;color:var(--text);margin:0;overflow-x:clip}button,select,input,textarea{font-family:inherit}.fingeringMono{font-family:Roboto Mono,monospace}:root{--topbar-height:58px}@media (width<=680px){:root{--topbar-height:108px}}.appShell{flex-direction:column;max-width:1100px;min-height:100dvh;margin:0 auto;padding:12px;display:flex;position:relative}.topBar{z-index:50;background:var(--bg);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 6px;display:flex;position:sticky;top:0}.brand{flex:1;align-items:center;gap:10px;min-height:36px;display:flex}.brandIcon{width:auto;height:34px;display:block}.brandWordmark{width:auto;height:28px;display:block}.brandWordmarkDark{filter:invert()}.brandWordmarkBtn{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.brandIconSvg{width:34px;height:34px;line-height:0;display:block}.brandIconSvg svg{pointer-events:none;width:100%;height:100%;display:block}.modeToggle{border-bottom:1px solid var(--border-input);align-items:flex-end;gap:6px;padding-bottom:2px;display:flex}.modeBtn{border:1px solid var(--border-input);background:var(--surface);cursor:pointer;border-radius:10px 10px 0 0;padding:10px 14px;font-weight:700;position:relative;top:1px}.modeBtn.isOn{background:var(--bg);border:3px solid var(--text);border-bottom-color:var(--bg);font-weight:800;top:2px;box-shadow:inset 0 0 12px #d9770640}.stickyControls{z-index:10;background:var(--bg);border-bottom:1px solid var(--border);padding:10px 6px 12px;position:sticky;top:0}.finderCard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;padding:12px}.row{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.field{flex-direction:column;gap:6px;min-width:180px;display:flex}.label{color:var(--text-muted);font-size:12px;font-weight:700}.select{border:1px solid var(--border-input);background:var(--bg);border-radius:var(--radius-md);width:100%;padding:8px 10px;font-size:14px}.contentArea{padding:14px 6px}.placeholderCard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.voicingGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.voicingCard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:6px}.voicingCapoBar{color:#fff;text-align:center;letter-spacing:.02em;z-index:2;pointer-events:none;background:#111;border-radius:6px;padding:5px 0;font-size:11px;font-weight:600;position:absolute;top:0;left:0;right:0}[data-theme=dark] .voicingCapoBar{color:#111;background:#fff}.voicingMeta{display:none}.voicingCardInner{background:var(--bg);border-radius:var(--radius-sm);overflow:hidden}.listDetailCardDiagramWrap{width:100%}.listDetailCardBody{flex-direction:column;display:flex}.voicingCardTopRow{justify-content:center;align-items:flex-start;gap:4px;display:flex;position:relative}.voicingCardHeader{text-align:center;flex:1;width:100%;min-height:34px;padding:8px 8px 4px}.voicingPlayBtn{cursor:pointer;color:var(--text-soft);background:0 0;border:none;flex-shrink:0;padding:8px 8px 4px 4px;font-size:16px;line-height:1;transition:color .12s;position:absolute;top:0;right:0}.voicingPlayBtn:hover{color:var(--accent)}.voicingPlayBtn:active{color:var(--text)}.voicingCardPrimary{font-size:26px;font-weight:800;line-height:1.05}.voicingCardAlsoRow{margin-top:2px}.voicingCardAlsoLabel{color:var(--text-soft);font-size:12px;line-height:1.1}.voicingCardAlsoName{font-size:14px;font-weight:800;line-height:1.1}.showMoreWrapper{grid-column:1/-1;justify-content:center;padding:12px 0 4px;display:flex}.showMoreBtn{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:0 0;padding:6px 16px;font-size:13px}.showMoreBtn:hover{border-color:var(--accent);color:var(--accent)}.forwardLayout{align-items:flex-start;gap:14px;padding:6px;display:flex}.forwardSidebar{flex:0 0 25%;min-width:220px;max-width:260px}.forwardMain{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.forwardResultsArea{width:100%;min-width:0}.forwardResultsArea .voicingGrid{grid-template-columns:repeat(3,1fr)}@media (width<=900px){.forwardLayout{flex-direction:column}.forwardSidebar{flex:none;width:100%;min-width:0;max-width:none}.forwardMain{width:100%}}.selectedChordCard{box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;padding:10px 12px}.selectedChordLabel{color:var(--text-muted);text-align:center;margin-bottom:6px;font-size:12px}.selectedChordName{text-align:center;font-size:32px;font-weight:800;line-height:1.1}.selectedChordNotes{color:var(--text-muted);text-align:center;margin-top:6px;font-size:14px}.chordBuilder{grid-template-columns:1fr;gap:0;width:100%;display:grid}.cbCol{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:10px}.cbLabel{color:var(--text-muted);margin-bottom:8px;font-size:12px;font-weight:700}.cbButtons{flex-wrap:wrap;gap:6px;display:flex}.cbButtons7{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.cbButtons3{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cbButtonsBass{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cbSelect optgroup{color:var(--text-soft);font-weight:600}.cbSubLabel{margin-top:10px}.cbBtn{border:1px solid var(--border-input);background:var(--bg);border-radius:var(--radius-md);cursor:pointer;padding:7px 8px;font-size:12px}.cbBtn.isOn{border-color:var(--text)}.cbBtn.isDisabled{opacity:.4;cursor:not-allowed}.cbSelect{border:1px solid var(--border-input);background:var(--bg);border-radius:var(--radius-md);width:100%;padding:8px 10px;font-size:14px}.reverseLayout{grid-template-columns:minmax(420px,500px) minmax(0,1fr);grid-template-areas:"sidebar diagram""results results";align-items:start;gap:14px;padding:6px;display:grid}.reverseSidebar{grid-area:sidebar;min-width:420px;max-width:500px}.reverseSidebarGrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:10px;display:grid}.reverseBlockInstrument{grid-column:1}.reverseBlockTuning{grid-column:2/-1}.reverseBlockCapo{grid-column:1/-1}.reverseBlockAccidentals{grid-column:1}.reverseBlockMatching{grid-column:3}.reverseBlockMode{grid-column:1}.reverseBlockAudio{grid-column:2}.reverseBlockReset{grid-column:2/-1;align-items:center;display:flex}.reverseBlockNavigation{grid-column:1/-1}.reverseMobileFretboardNav{justify-content:flex-end;width:100%;padding:4px 0 0;display:flex}.reverseDiagramCard{grid-area:diagram;width:100%;min-width:0}.reverseResults{grid-area:results;width:100%;margin-top:2px}.sidebarBlock{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:0;padding:10px}.rootQualityRow{grid-template-columns:1fr 2fr;align-items:start;gap:8px;display:grid}.rootQualityRow .chordBuilder{width:100%}.rootQualityRow .cbCol,.bassCapoRow .cbCol{background:0 0;border:none;border-radius:0;padding:0}.rootQualityRow .cbMobileRow,.bassCapoRow .cbMobileRow{display:block}.rootQualityRow .cbMobileField,.bassCapoRow .cbMobileField{flex-direction:column;gap:0;display:flex}.rootQualityRow .cbMobileField .cbLabel,.bassCapoRow .cbMobileField .cbLabel{margin-bottom:8px}.rootQualityRow .cbMobileSelect,.bassCapoRow .cbMobileSelect{box-sizing:border-box;width:100%;padding:8px 10px;font-size:16px}.rootQualityRow .cbCol{box-sizing:border-box}.rootQualityRow .cbLabel{white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;overflow:hidden}.rootQualityRow .cbMobileSelect{box-sizing:border-box;width:100%;padding:8px 10px;font-size:14px}.rootQualityQualityCol{box-sizing:border-box}.rootQualityQualityCol .label{white-space:nowrap;text-overflow:ellipsis;color:var(--text-muted);margin-bottom:8px;font-size:12px;font-weight:700;overflow:hidden}.rootQualityRow .select{padding:8px 10px;font-size:14px}.bassCapoRow{grid-template-columns:1fr 1fr;align-items:start;gap:8px;display:grid}.bassCapoRow .select,.bassCapoRow .cbMobileSelect{box-sizing:border-box;width:100%;padding:8px 10px;font-size:14px}.bassCapoRow .chordBuilder{width:100%}.bassCapoRow .cbCol{box-sizing:border-box}.bassCapoRow .cbLabel{white-space:nowrap}.bassCapoCapoCol{box-sizing:border-box}.bassCapoCapoCol .label{white-space:nowrap;text-overflow:ellipsis;color:var(--text-muted);margin-bottom:8px;font-size:12px;font-weight:700;overflow:hidden}.sidebarBlock .label{margin-bottom:10px}.sidebarCol{flex-direction:column;gap:10px;margin-top:10px;display:flex}.sidebarRow{flex-direction:row;gap:10px;margin-top:10px;display:flex}.btn{border:1px solid var(--border-input);background:var(--bg);border-radius:var(--radius-md);cursor:pointer;width:100%;color:var(--text);padding:8px 10px}.btn:disabled{opacity:.45;cursor:not-allowed}.otherVoicingsBtn{color:var(--accent-text);background:#d9770680;border-color:#d9770699}.btnDanger{color:var(--danger)}.reverseChordBar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:52px;padding:12px;display:flex}.reverseChordText{text-align:center;font-size:22px;font-weight:800;line-height:1.2}.reverseChordAlsoLabel,.reverseChordAlsoName{color:var(--text-soft);text-align:center;font-size:12px;line-height:1.4}.reverseEditor{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xl);justify-content:center;padding:14px;display:flex;position:relative;overflow:hidden}.reverseDiagramCard{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xl);padding:14px}.reverseDetectedBlock{text-align:center;max-width:720px;min-height:0;margin:0 auto}.reverseDetectedHint{color:var(--text-soft);margin:0;padding:4px 0;font-size:13px;line-height:1.2}.reverseDetectedPrimary{min-height:0;font-size:33px;font-weight:800;line-height:1.05}.reverseDetectedAlsoRow{min-height:0;margin-top:2px}.reverseDetectedAlsoLabel{color:var(--text-soft);font-size:18px;line-height:1.1}.reverseDetectedAlsoName{font-size:21px;font-weight:800;line-height:1.1}.reverseSvg{-webkit-user-select:none;user-select:none;touch-action:none;width:100%;display:block}.reverseResultsTitle{text-align:left;margin:-2px 0 8px;font-weight:700}.segToggle{border:1px solid var(--border-input);border-radius:var(--radius-full);background:var(--bg);grid-template-columns:1fr 1fr;width:100%;max-width:220px;display:grid;overflow:hidden}.segToggle button{appearance:none;cursor:pointer;background:0 0;border:0;padding:6px 10px;font-size:12px;font-weight:700;transition:background .12s,color .12s}.segToggle button:disabled{opacity:.45;cursor:not-allowed}.segToggle button.active,.segToggle button.isOn,.segBtn.isOn{background:var(--active-fill);color:#fff}.segToggle button:not(.active):not(.isOn),.segBtn:not(.isOn){color:var(--surface-dark)}.segBtn{appearance:none;cursor:pointer;background:0 0;border:0;padding:6px 10px;font-size:12px;font-weight:700;transition:background .12s,color .12s}.segBtn:disabled{opacity:.45;cursor:not-allowed}.capoGrid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.capoGrid .btn{cursor:pointer;width:100%;padding:10px 0;font-size:14px;font-weight:700}.capoGrid .btn.active{background:var(--active-fill);color:#fff}.capoGrid .removeCapo{grid-column:span 6}.resetNote{color:var(--text-soft);margin-top:10px;font-size:12px;line-height:1.4}@media (width<=920px){.reverseLayout{display:block}.reverseSidebar{width:100%;min-width:0;max-width:none}.reverseSidebarGrid{grid-template-columns:1fr}.reverseBlockInstrument,.reverseBlockTuning,.reverseBlockCapo,.reverseBlockAccidentals,.reverseBlockMatching,.reverseBlockMode,.reverseBlockAudio,.reverseBlockReset,.reverseBlockNavigation{grid-column:1}}.speakerToggle{cursor:pointer;z-index:10;background:0 0;border:none;padding:8px;font-size:16px;line-height:1;position:absolute;top:8px;right:8px}.speakerToggle:disabled{opacity:.35;cursor:default}@keyframes speakerGlow{0%{color:var(--accent);transform:scale(1.2)}to{color:inherit;transform:scale(1)}}.speakerGlow{animation:.6s ease-out forwards speakerGlow}.speakerToggle.speakerPlayMode{color:var(--accent)}.playModeDiscoveryBtn{cursor:pointer;text-align:right;z-index:10;color:var(--text-secondary);background:0 0;border:none;flex-direction:column;align-items:flex-end;gap:2px;max-width:120px;padding:8px;font-size:11px;font-weight:700;line-height:1.3;display:flex;position:absolute;top:44px;right:0}.playModeDiscoveryBtn:disabled{opacity:.35;cursor:default}.playModeDiscoveryBtn.isPlayMode{color:var(--accent)}.playModeDiscoverySubtext{color:var(--text-soft);white-space:pre-line;font-size:10px;font-weight:400;line-height:1.3}.appFooter{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 20px;margin-top:auto;padding:24px 12px 16px;display:flex}.appFooterVersion{color:var(--text-faint);letter-spacing:.04em;font-size:12px;font-weight:600}.appFooterLink{color:var(--text-soft);font-size:12px;text-decoration:none;transition:color .15s}.appFooterLink:hover{color:var(--text-secondary)}.appFooterBtn{cursor:pointer;background:0 0;border:none;padding:0}.capoVariationsSection{flex-direction:column;grid-column:1/-1;gap:12px;margin-top:16px;display:flex}.capoVariationsHeader{color:var(--text-muted);font-size:13px;font-weight:700}.capoVariationsPills{flex-wrap:wrap;gap:6px;display:flex}.capoPill{border:1px solid var(--border-input);background:var(--bg);border-radius:var(--radius-full);cursor:pointer;color:var(--text-secondary);padding:5px 12px;font-size:12px;font-weight:700;transition:background .12s,border-color .12s,color .12s}.capoPill.capoPillActive{background:var(--accent);border-color:var(--accent);color:#fff}.capoPill.capoPillEmpty{opacity:.38;cursor:default;pointer-events:none}.capoVariationsGroup{flex-direction:column;gap:8px;display:flex}.capoVariationsGroupHeader{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.capoVariationsGroupClose{cursor:pointer;color:var(--text-soft);background:0 0;border:none;padding:0 4px;font-size:16px;line-height:1}.capoVariationsGroupClose:hover{color:var(--text-secondary)}.navTabsRow{align-items:center;gap:8px;display:flex}.navTabs{border-bottom:2px solid var(--border);align-items:flex-end;gap:0;display:flex}.navTab{cursor:pointer;color:var(--text-soft);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:700;transition:color .12s,border-color .12s;display:inline-flex;position:relative;bottom:-2px}.navTabIconChip{object-fit:contain;background:#fff;border-radius:6px;flex-shrink:0;width:20px;height:20px;padding:3px}[data-theme=dark] .navTabIconChip{filter:invert();background:0 0}.navTab.isOn{color:var(--text);border-bottom-color:var(--text)}.navTab:hover:not(.isOn){color:var(--text-secondary)}.navTabShort{display:none}.navTabExploreWrapper{cursor:pointer;position:relative}.navExploreBackdrop{z-index:99;position:fixed;inset:0}.navExploreDropdown{z-index:100;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:180px;padding:8px;display:none;position:absolute;top:100%;left:0;box-shadow:0 4px 20px #0000001f}@media (hover:hover) and (pointer:fine){.navTabExploreWrapper:hover .navExploreDropdown,.navTabExploreWrapper:focus-within .navExploreDropdown{display:block}.navTabExploreWrapper.forceClosed .navExploreDropdown{display:none!important}}.navExploreDropdown.isOpenMobile{display:block}.navExploreItem{cursor:pointer;border-radius:var(--radius-md);text-align:left;width:100%;color:var(--text);background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:14px;display:flex}.navExploreItem:hover{background:var(--surface)}.navExploreItemIcon{width:18px;height:18px}[data-theme=dark] .navExploreItemIcon{filter:invert()}.modeLabel{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:10px 6px 2px;font-size:11px;font-weight:700;display:flex}.pageDescriptionEmphasis{text-underline-offset:2px;font-weight:800;text-decoration:underline}.pageDescriptionMobile{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;text-align:center;padding:8px 6px 2px;font-size:12px;font-weight:700}.pageDescriptionDesktop{color:var(--text-faint,#777);text-align:center;padding:12px 6px 6px;font-size:16px;font-weight:600}@media (width<=680px){.brand{flex:1;align-items:center;min-width:0;display:flex}.brandWordmark{width:auto;max-width:100%;height:22px}.topBar{flex-wrap:wrap;align-items:center}.navTabsRow{border-top:1px solid var(--border);width:100%;margin-top:2px;padding-top:6px}.navTabs{border-top:none;border-bottom:none;flex:1;justify-content:stretch;width:auto;margin-top:0;padding-top:0}.navTab{text-align:center;flex:1;justify-content:center;padding:10px 4px;font-size:13px;bottom:0}.navTabIconChip{width:28px;height:28px;padding:4px}.navTabLong,.navTabShort{display:none}.modeLabel{color:var(--text-secondary);font-size:15px}.capoVariationsGroup{margin-top:24px}.capoVariationsGroup:first-child{margin-top:0}}.shareBtn{cursor:pointer;color:var(--text-soft);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:5px;transition:color .12s,background .12s;display:inline-flex}.shareBtn:hover{color:var(--accent);background:var(--surface-hover)}.seeMoreVoicingsPillWrapper{text-align:center;padding:10px 0 4px}.seeMoreVoicingsPill{border:1px solid var(--border-input);background:var(--surface);border-radius:var(--radius-full);cursor:pointer;color:var(--text-secondary);padding:8px 20px;font-size:13px;font-weight:700;transition:background .12s,border-color .12s}.seeMoreVoicingsPill:hover{background:var(--surface-hover);border-color:var(--text-faint)}.byQualityLayout{flex-direction:column;gap:14px;padding:6px;display:flex}.exploreDesktopLayout{flex-direction:column;gap:16px;display:flex}.exploreDesktopBody{align-items:flex-start;gap:24px;display:flex}.exploreDesktopBody .exploreDesktopRail{flex:none}.byQualityGallery{flex-direction:column;flex:auto;gap:8px;display:flex;position:relative}.byQualityGalleryItems{flex:1;grid-template-columns:repeat(auto-fill,158px);justify-content:flex-start;gap:8px;display:grid}.byQualityCardActive{box-shadow:0 0 0 3px var(--accent);border-radius:12px}.lookupGallery--vertical .byQualityCardActive{border-radius:7.5px}.byQualityPanel{flex-direction:column;gap:10px;display:flex}.byQualityPanelRow1{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.byQualityModeToggle{flex-shrink:0;width:auto;max-width:160px}.byQualityPanelRow2{border-top:1px solid var(--border);padding-top:10px}.byQualityQualityBtns{grid-template-columns:repeat(9,1fr);gap:6px;display:grid}.byRootQualityBtns{grid-template-columns:repeat(12,1fr);gap:4px;display:grid}.byRootQualityBtns .byQualityQualityBtn{padding:8px 2px;font-size:11px}@media (width<=720px){.byQualityQualityBtns{grid-template-columns:repeat(4,1fr)}}@media (width<=460px){.byQualityQualityBtns{grid-template-columns:repeat(3,1fr)}}.byQualityQualityBtn{border:1px solid var(--border-input);background:var(--bg);border-radius:var(--radius-md);cursor:pointer;padding:8px 6px;font-size:12px;font-weight:700;transition:background .1s,border-color .1s,color .1s}.byQualityQualityBtn.isOn{background:var(--text);color:#fff;border-color:var(--text)}.byQualityQualityBtn:disabled,.byQualityQualityBtn.isEmpty{opacity:.35;cursor:not-allowed;pointer-events:none}.byQualityGrid{grid-template-columns:repeat(4,1fr);gap:10px;animation:.16s ease-out byQualityGridFadeIn;display:grid}@keyframes byQualityGridFadeIn{0%{opacity:0}to{opacity:1}}@media (width<=860px){.byQualityGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.byQualityGrid{grid-template-columns:repeat(2,1fr)}}.byQualityCard{position:relative}.byQualityCardDiagram{display:flex}.selectedChordInline{display:none}@media (width<=768px){.stickyControls{position:static}.forwardLayout{flex-direction:column;align-items:stretch;gap:8px;padding:8px;overflow-x:hidden}.forwardSidebar{width:100%;min-width:0;max-width:none}.forwardMain,.forwardResultsArea{width:100%;min-width:0}.mobileInstrumentGrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mobileInstrumentGrid .field{min-width:0}.selectedChordLabel,.selectedChordName,.selectedChordNotes{display:none}.selectedChordInline{justify-content:space-between;align-items:baseline;gap:6px;width:100%;min-width:0;padding:2px 44px 2px 0;display:flex}.selectedChordInlineLabel{color:var(--text-muted);font-size:12px}.selectedChordInlineName{text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:22px;font-weight:800;line-height:1.1;overflow:hidden}.selectedChordInlineNotes{color:var(--text-muted);text-align:right;white-space:nowrap;flex-shrink:0;margin-right:44px;font-size:13px}.mobileSelect{font-size:16px}.reverseLayout{flex-direction:column;gap:8px;padding:8px;display:flex}.reverseMainDiagram{order:-1}.reverseSidebar{order:0;width:100%;min-width:0;max-width:none}.reverseResults{order:1}.reverseDiagramCard{padding:14px 4px}.reverseSidebarGrid{grid-template-columns:1fr 1fr}.reverseBlockReset{order:1;grid-column:1/-1}.reverseBlockNavigation{order:2;grid-column:1/-1}.reverseBlockCapo{order:3;grid-column:1/-1}.reverseBlockMode{order:4;grid-column:1}.reverseBlockAudio{order:4;grid-column:2}.reverseBlockAccidentals{order:5;grid-column:1}.reverseBlockMatching{order:5;grid-column:2}.reverseBlockInstrument{order:6;grid-column:1}.reverseBlockTuning{order:6;grid-column:2}.reverseSidebarGrid{gap:4px}.capoVariationsSection{order:2}.reverseSvg{width:calc(100% - 20px);margin:0 10px}.voicingGrid,.forwardResultsArea .voicingGrid{grid-template-columns:repeat(2,1fr);gap:4px}.byQualityLayout{gap:8px;padding:8px}.byQualityMobileControls{flex-direction:column;gap:8px;display:flex}.byQualityMobileRow{grid-template-columns:1fr 1fr;gap:8px;display:grid}.byQualityMobileRow:first-child{grid-template-columns:1fr 1fr}.byQualityGrid{grid-template-columns:repeat(2,1fr);gap:4px}.cbMobileRow{grid-template-columns:1fr 1fr;align-items:start;gap:8px;display:grid}.cbMobileField{flex-direction:column;gap:8px;display:flex}.cbMobileAccidentalField .cbButtons3{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.cbBtnSmall{padding:10px 3px;font-size:11px}.sidebarBlock .label{margin-bottom:8px}.cbMobileSelect{padding:10px 8px;font-size:16px}}@keyframes aboutSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.shareBtn{color:var(--accent)}.shareBtn:hover{color:var(--accent-hover);background:0 0}}.reverseDetectedHintPlayNote{display:none}@media (width<=768px){.reverseDetectedHintPlayNote{display:inline}.reverseHintPlayBtn{color:var(--accent);font-weight:700;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.reverseHintPlayBtn:disabled{opacity:.4;cursor:default}.playModeDiscoveryBtn{display:none}}.reverseControlsScrollBtn{display:none}@media (width<=768px){.reverseControlsScrollBtn{border:1px solid var(--border-input);border-radius:var(--radius-full);color:var(--text-soft);cursor:pointer;text-transform:none;letter-spacing:0;background:0 0;padding:3px 12px;font-size:11px;font-weight:700;display:inline-block}}.modeLabelReverseActions{align-items:center;gap:6px;display:flex}.reverseResetMobileBtn{display:none}@media (width<=768px){.reverseResetMobileBtn{border:1px solid var(--danger);border-radius:var(--radius-full);color:var(--danger);cursor:pointer;text-transform:none;letter-spacing:0;background:0 0;padding:3px 12px;font-size:11px;font-weight:700;display:block}}.cbWrapper{flex-direction:column;gap:0;display:flex}.reverseModeToggleMobile{gap:8px;margin-bottom:4px;display:flex}.reverseModeBtn{border:1px solid var(--border-input);border-radius:var(--radius-full);background:var(--bg);cursor:pointer;color:var(--text-muted);flex:1;padding:7px 10px;font-size:13px;font-weight:700;transition:background .12s,color .12s,border-color .12s}.reverseModeBtn.isOn{background:var(--active-fill);color:#fff;border-color:var(--active-fill)}.reverseModeBtn:disabled{opacity:.4;cursor:default}@media (width<=768px){.reverseModeToggleMobile{gap:8px;margin-bottom:8px;display:flex}}.complexityToggleMobile{width:100%;max-width:none}@media (width<=768px){.seeMoreVoicingsPillWrapper{display:none}}.darkModeBtn{background:var(--surface);border:1px solid var(--border-input);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;line-height:1;transition:background .15s;display:flex}.darkModeBtn:hover{background:var(--surface-hover)}.darkModeBtnIcon{object-fit:contain;width:18px;height:18px}[data-theme=dark] .darkModeBtnIcon,.brandIconSvgDark{filter:invert()}[data-theme=dark] .modeBtn.isOn{box-shadow:inset 0 0 12px #d9770659}[data-theme=dark] .toast{box-shadow:0 2px 14px #0009}[data-theme=dark] select,[data-theme=dark] .select,[data-theme=dark] .btn{color:var(--text)}[data-theme=dark] .btn.btnDanger{color:var(--danger)}[data-theme=dark] .cbBtn,[data-theme=dark] .cbBtn.isOn{color:var(--text)}[data-theme=dark] .segToggle button:not(.active):not(.isOn),[data-theme=dark] .segBtn:not(.isOn){color:var(--text-secondary)}[data-theme=dark] .byQualityQualityBtn{color:var(--text)}[data-theme=dark] .byQualityQualityBtn.isOn{background:var(--accent);border-color:var(--accent);color:#fff}.byQualityCardDiagramClickable{cursor:pointer}.voicingCardClickable{cursor:pointer;transition:box-shadow .12s,border-color .12s}.voicingCardClickable:hover{border-color:var(--accent);box-shadow:0 0 0 2px #d9770633}.lightboxOverlay{z-index:200;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirmOverlay{z-index:210;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirmPanel{background:var(--surface);border-radius:var(--radius-lg);flex-direction:column;gap:16px;width:92vw;max-width:360px;padding:24px;display:flex}.confirmMessage{text-align:center;margin:0;font-size:15px}.confirmActions{flex-direction:column;gap:8px;display:flex}.confirmBtnPrimary{background:var(--accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 16px;font-weight:700}.confirmBtnSecondary{color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:10px 16px}.lightboxPanel{border-radius:var(--radius-lg);background:var(--surface);width:min(420px,92vw);max-height:92vh;padding:16px;position:relative;overflow-y:auto}.lightboxCloseBtn{cursor:pointer;color:var(--text-muted);z-index:1;background:0 0;border:none;padding:0;font-size:24px;line-height:1;position:absolute;top:10px;right:12px}.lightboxCloseBtn:hover{color:var(--text)}.lightboxChordTitle{text-align:center;color:var(--text);padding:8px 0 4px;font-size:32px;font-weight:800}.strumZone{border:2px dashed var(--accent);box-sizing:border-box;border-radius:4px}.pickCursor{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 750 750'%3E%3Cg transform='rotate(140 375 375)'%3E%3Cpath d='M429,708c-39.1-3.2-74.6-31.5-102.7-56.4c-41.5-36.7-77.2-80-109.4-125c-42.4-59.2-85.3-125.7-109.9-194.6c-5.6-15.6-10-31.9-12.8-48.5c-8.5-50.2-1.8-102.2,35.1-141.4c73.1-77.6,202.5-96,303.7-99.4c53.7-1.8,114.1-3.2,161.8,25.9c48.7,29.6,63.1,86.2,64.2,139.9C662.3,376.8,519.3,715.4,429,708z' fill='%23f97316' stroke='%23fff' stroke-width='18'/%3E%3C/g%3E%3C/svg%3E") 32 32,crosshair}.pickCursorFlipped{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 750 750'%3E%3Cg transform='rotate(140 375 375) scale(-1 1) translate(-750 0)'%3E%3Cpath d='M429,708c-39.1-3.2-74.6-31.5-102.7-56.4c-41.5-36.7-77.2-80-109.4-125c-42.4-59.2-85.3-125.7-109.9-194.6c-5.6-15.6-10-31.9-12.8-48.5c-8.5-50.2-1.8-102.2,35.1-141.4c73.1-77.6,202.5-96,303.7-99.4c53.7-1.8,114.1-3.2,161.8,25.9c48.7,29.6,63.1,86.2,64.2,139.9C662.3,376.8,519.3,715.4,429,708z' fill='%23f97316' stroke='%23fff' stroke-width='18'/%3E%3C/g%3E%3C/svg%3E") 32 32,crosshair}.hapticsToggle{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;border-radius:4px;margin-left:6px;padding:3px 8px;font-size:11px}.audioUnsupportedNote{color:#888;text-align:center;margin-top:4px;font-size:11px;line-height:1.3}.logoMenuWrapper{position:relative}.logoMenuTrigger{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:0;transition:opacity .15s;display:flex}.logoMenuTrigger:hover{opacity:.75}.logoMenuBackdrop{z-index:99;position:fixed;inset:0}.logoMenuDropdown{z-index:100;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:260px;max-width:min(320px,100vw - 24px);padding:8px;animation:.15s aboutSlideDown;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 4px 20px #0000001f}.logoMenuItem{cursor:pointer;text-align:left;border-radius:var(--radius-md);background:0 0;border:none;flex-direction:column;gap:3px;width:100%;padding:10px 12px;transition:background .1s;display:flex}.logoMenuItem:hover{background:var(--surface)}.logoMenuItemTitleRow{align-items:center;gap:8px;display:flex}.logoMenuItemIcon{flex-shrink:0;width:18px;height:18px}[data-theme=dark] .logoMenuItemIcon{filter:invert()}.logoMenuItemTitle{color:var(--text);font-size:14px;font-weight:700}.logoMenuItemTitle.isActive{color:var(--accent)}.logoMenuItemDesc{color:var(--text-soft);font-size:12px;line-height:1.45}.userBtn{background:var(--surface);border:1px solid var(--border-input);cursor:pointer;width:32px;height:32px;color:var(--text-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:flex}.userBtn:hover{background:var(--surface-hover)}.userBtn.userBtnSignedIn{border:2px solid var(--accent);color:var(--text)}.userBtnAvatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px;display:block}.userBtnMobile{display:none}@media (width<=680px){.navTabsRow .userBtn:not(.userBtnMobile){display:none}.userBtnMobile{z-index:10;pointer-events:auto;flex-shrink:0;margin-left:auto;display:flex;position:relative}}.userPanelBackdrop{z-index:99;position:fixed;inset:0}.userBtnWrapper{position:relative}.userPanel{z-index:100;color:#fff;border-radius:var(--radius-sm);background:#222222eb;width:max-content;min-width:200px;max-width:320px;padding:20px 24px 24px;animation:.15s aboutSlideDown;position:absolute;top:calc(100% + 8px);left:auto;right:0}.userPanelLoading{color:#fff9;padding:8px 0;font-size:14px}.userPanelEmail{color:#fff9;margin-bottom:16px;font-size:13px}.userPanelLinks{flex-direction:column;gap:4px;display:flex}.userPanelLink{cursor:pointer;text-align:left;color:#fff;border-radius:var(--radius-sm);background:0 0;border:none;padding:8px 0;font-size:15px;font-weight:700;transition:color .12s}.userPanelLink:hover{color:var(--accent)}.userPanelLinkMuted{color:#ffffff80;font-weight:600}.userPanelLinkMuted:hover{color:#fffc}.userPanelDivider{border:none;border-top:1px solid #ffffff26;margin:16px 0}.userPanelSignOutBtn{cursor:pointer;color:#ffffff80;background:0 0;border:none;padding:0;font-size:13px;transition:color .12s}.userPanelSignOutBtn:hover{color:#fff}.userPanelHeading{color:#fff;margin-bottom:6px;font-size:18px;font-weight:800}.userPanelSubline{color:#ffffffa6;margin-bottom:20px;font-size:13px;line-height:1.5}.userPanelGoogleBtn{color:#222;border-radius:var(--radius-md);cursor:pointer;background:#fff;border:none;align-items:center;gap:10px;width:100%;max-width:320px;padding:10px 16px;font-size:14px;font-weight:700;transition:background .12s;display:flex}.userPanelGoogleBtn:hover{background:#f0f0f0}.userPanelDividerOr{color:#fff6;align-items:center;gap:12px;max-width:320px;margin:16px 0;font-size:12px;display:flex}.userPanelDividerOr:before,.userPanelDividerOr:after{content:"";border-top:1px solid #fff3;flex:1}.userPanelMagicForm{flex-direction:column;gap:8px;max-width:320px;display:flex}.userPanelEmailInput{border-radius:var(--radius-md);color:#fff;box-sizing:border-box;background:#ffffff1a;border:1px solid #ffffff40;width:100%;padding:10px 12px;font-size:14px}.userPanelEmailInput::placeholder{color:#ffffff59}.userPanelEmailInput:focus{border-color:var(--accent);outline:none}.userPanelEmailError{color:#f87171;font-size:12px}.userPanelMagicBtn{background:var(--accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:10px 16px;font-size:14px;font-weight:700;transition:background .12s}.userPanelMagicBtn:hover:not(:disabled){background:var(--accent-hover)}.userPanelMagicBtn:disabled{opacity:.5;cursor:not-allowed}.userPanelEmailSent{color:#ffffffd9;max-width:320px;padding:8px 0;font-size:14px;line-height:1.5}.userPanelComingSoon{border-top:1px solid #ffffff1a;margin-top:24px;padding-top:16px}.userPanelComingSoonLabel{letter-spacing:.08em;color:#ffffffa6;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:700}.userPanelComingSoonItem{padding:4px 0;font-size:13px}.userPanelComingSoonLocked{color:#ffffffa6}.userPanelLegal{color:#fff6;text-align:center;border-top:1px solid #ffffff1a;margin-top:16px;padding-top:12px;font-size:11px;line-height:1.5}.userPanelLegalLink{color:#fff9;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;text-decoration:underline}.userPanelLegalLink:hover{color:#ffffffe6}.legalPage{flex-direction:column;height:100%;display:flex}.legalBody{flex:1;width:100%;max-width:680px;margin:0 auto;padding:24px 20px 48px;overflow-y:auto}.legalBody h3{color:var(--text);margin:24px 0 8px;font-size:14px;font-weight:600}.legalBody p,.legalBody li{color:var(--text-faint);margin-bottom:8px;font-size:13px;line-height:1.6}.legalBody ul{margin-bottom:8px;padding-left:20px}.legalBody strong{color:var(--text);font-weight:600}.legalLink{color:var(--accent);text-decoration:underline}.legalMeta{color:var(--text-faint);margin-bottom:20px;font-size:12px}.legalContact{border-top:1px solid var(--border);margin-top:32px;padding-top:16px}.logoMenuDivider{border:none;border-top:1px solid var(--border);margin:6px 4px}.voicingSaveBtn{cursor:pointer;color:var(--text-soft);background:0 0;border:none;flex-shrink:0;padding:8px 4px 4px 8px;font-size:16px;line-height:1;transition:color .12s;position:absolute;top:0;left:0}.voicingSaveBtn:hover{color:var(--accent)}.lightboxSaveBtn{cursor:pointer;color:var(--text-muted);z-index:1;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:24px;line-height:1;transition:color .12s;display:flex;position:absolute;top:10px;left:12px}.lightboxSaveBtn:hover{color:var(--accent)}.lightboxNavRow{align-items:center;gap:12px;display:flex}.lightboxNavBtn{color:#fff;cursor:pointer;opacity:.8;-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:48px;line-height:1;transition:opacity .15s}.lightboxNavBtn:hover:not(:disabled){opacity:1}.lightboxNavBtn:disabled{opacity:.2;cursor:default}@media (width<=520px){.lightboxNavRow{position:relative}.lightboxNavBtn{z-index:10;background:#00000059;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:36px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightboxNavBtn:first-child{left:4px}.lightboxNavBtn:last-child{right:4px}}.reverseDetectedPrimary{justify-content:center;align-items:center;gap:8px;display:flex}.wtcSaveBtn{border:1px solid var(--border-input);cursor:pointer;width:23px;height:23px;color:var(--text-soft);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:border-color .12s,color .12s;display:flex}.wtcSaveBtn:hover{border-color:var(--text-soft);color:var(--text)}.wtcSaveBtn svg{width:14px;height:14px}.reverseDetectedAlsoNames{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.reverseDetectedAlsoItem{align-items:center;gap:4px;display:inline-flex}.wtcSaveBtnSecondary{border:1px solid var(--border-input);cursor:pointer;width:15px;height:15px;color:var(--text-soft);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:border-color .12s,color .12s;display:flex}.wtcSaveBtnSecondary:hover{border-color:var(--text-soft);color:var(--text)}.wtcSaveBtnSecondary svg{width:9px;height:9px}.toast{background:var(--text);color:var(--bg);border-radius:var(--radius-full);z-index:300;white-space:nowrap;white-space:normal;text-align:center;pointer-events:none;max-width:calc(100vw - 48px);padding:10px 20px;font-size:13px;font-weight:600;animation:.2s toastFadeIn;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0003}.toastClickable{cursor:pointer;pointer-events:auto;text-underline-offset:2px;text-decoration:underline}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.savedChordsPage{padding:0 0 24px}.savedChordsHeader{top:calc(var(--topbar-height) + var(--library-tabs-height,0px));z-index:10;background:var(--bg);justify-content:space-between;align-items:center;gap:12px;padding:16px 0 12px;display:flex;position:sticky}.whatsNewPage .savedChordsHeader{position:static}.scSelectHint{color:var(--text-soft);padding:4px 0 8px;font-size:13px;line-height:1.4}.savedChordsTitle{color:var(--text);margin:0;font-size:20px;font-weight:800}.savedChordsHeaderActions{align-items:center;gap:4px;display:flex}.savedChordsSelectBtn{background:var(--accent);border-radius:var(--radius-md);color:#fff;cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:700;transition:background .12s;display:inline-flex}.savedChordsSelectBtn:hover{background:#b45309}.savedChordsCancelBtn{border:1px solid var(--border-input);border-radius:var(--radius-md);color:#111;cursor:pointer;white-space:nowrap;background:#fff;padding:7px 14px;font-size:13px;font-weight:700;transition:background .12s}.savedChordsCancelBtn:hover{background:#f3f4f6}.savedChordsTrashBtnInline{border:1px solid var(--border-input);border-radius:var(--radius-md);cursor:pointer;color:var(--text-soft);background:0 0;justify-content:center;align-items:center;padding:7px 10px;transition:color .12s,border-color .12s;display:flex}.savedChordsTrashBtnInline:hover:not(:disabled){color:#ef4444;border-color:#ef4444}.savedChordsTrashBtnInline:disabled,.savedChordsAddToListBtn:disabled{opacity:.4;cursor:default}.savedChordsGroup{margin-bottom:24px}.savedChordsGroupHeader{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;display:flex}.savedChordsGroupTitle{background:var(--surface-raised,var(--surface));border-left:3px solid var(--accent);border-radius:var(--radius-sm);flex-direction:column;gap:6px;margin:0 0 14px;padding:8px 12px;display:flex}.scGroupInfoRow{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.scGroupCell{flex:none;align-items:center;gap:5px;display:inline-flex}.scGroupCellInst{min-width:86px}.scGroupCellTuning{min-width:82px}.scGroupGlyph{object-fit:contain;filter:invert(24%);flex:none;width:16px;height:16px}[data-theme=dark] .scGroupGlyph{filter:invert(53%)}.scGroupGlyphWrap{flex:none;display:inline-flex;position:relative}.scGroupGlyphCapoSlashed:after{content:"";border:1.5px solid var(--text-soft);pointer-events:none;border-radius:50%;position:absolute;inset:-2px}.scGroupGlyphCapoSlashed:before{content:"";background:var(--text-soft);pointer-events:none;height:1.5px;position:absolute;top:50%;left:-3px;right:-3px;transform:translateY(-50%)rotate(-45deg)}.scGroupBadge{background:var(--badge-bg);height:18px;color:var(--badge-text);white-space:nowrap;border-radius:9px;flex:none;align-items:center;padding:0 7px;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.scGroupSummary{color:var(--text-soft);margin:0;font-size:11px;font-weight:600}.savedChordsQualityGroup{margin-bottom:20px}.savedChordsQualityLabel{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:8px;padding-left:2px;font-size:11px;font-weight:600}.savedChordsGroupPill{border-radius:var(--radius-full);pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.savedChordsGroupPillInstrument,.savedChordsGroupPillTuning{background:var(--surface);border:1px solid var(--border-input);color:var(--text-secondary)}.savedChordsGroupPillCapo{background:var(--surface);border:1px solid var(--accent);color:var(--accent)}.savedChordsGrid{grid-template-columns:repeat(4,1fr)}@media (width<=900px){.savedChordsGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.savedChordsGrid{grid-template-columns:repeat(2,1fr);gap:4px}}.listDetailDiagramGrid{gap:10px;width:100%;display:grid}.listDetailDiagramGrid.ldModeLarge{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}.listDetailDiagramGrid.ldModeCompact{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.listDetailDiagramGrid.ldModeDiagrams{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}@media (width<=600px){.listDetailDiagramGrid{gap:6px}}.listDetailChordViewToggle{width:auto;max-width:none}.listDetailChordTextGrid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));align-items:start;gap:8px;margin-bottom:8px;display:grid}@media (width<=600px){.listDetailChordTextGrid{grid-template-columns:1fr}}.listDetailChordTextRow{align-items:center;gap:8px;min-width:0;padding:4px 0;display:flex}.listDetailChordTextName{color:var(--text);white-space:nowrap;flex-shrink:0;font-size:15px;font-weight:700}.listDetailChordTextPill{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);white-space:nowrap;text-overflow:ellipsis;min-width:0;padding:3px 8px;font-size:13px;overflow:hidden}.listDetailChordTextUnresolved{color:var(--text-soft);font-size:13px;font-style:italic}.savedChordsCard{cursor:default;position:relative}.savedChordsCard.savedChordsCardSelected{outline:2px solid var(--accent);border-radius:var(--radius-lg)}.savedChordsCheckbox{border:2px solid var(--border-input);background:var(--bg);color:#fff;z-index:2;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:800;display:flex;position:absolute;top:8px;left:8px}.savedChordsCheckbox.isChecked{background:var(--accent);border-color:var(--accent)}.savedChordsEmpty{text-align:center;color:var(--text-soft);padding:40px 0;font-size:14px}.savedChordsEmptyTitle{color:var(--text);margin-bottom:8px;font-size:16px;font-weight:700}.savedChordsEmptyAction{justify-content:center;margin:12px 0 10px;display:flex}.savedChordsEmptyHint{color:var(--text-soft);font-size:13px}.savedChordsError{color:#ef4444}.savedChordsFretsLabel{color:var(--text-soft);text-align:center;padding:12px 8px;font-family:monospace;font-size:13px}.scDeleteModalOverlay{z-index:200;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.scDeleteModal{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:min(420px,100vw - 48px);padding:24px;box-shadow:0 8px 32px #0003}.scDeleteModalTitle{color:var(--text);margin-bottom:12px;font-size:18px;font-weight:800}.scDeleteModalBody{color:var(--text-soft);margin-bottom:20px;font-size:14px;line-height:1.6}.scDeleteModalBody p{margin:0 0 8px}.scDeleteModalChordList{color:var(--text-secondary);font-size:13px;font-style:italic}.scDeleteModalActions{justify-content:flex-end;gap:10px;display:flex}.scDeleteModalCancel{background:var(--surface);border:1px solid var(--border-input);border-radius:var(--radius-md);color:var(--text);cursor:pointer;padding:8px 18px;font-size:14px;font-weight:700;transition:background .12s}.scDeleteModalCancel:hover{background:var(--surface-hover)}.scDeleteModalConfirm{border-radius:var(--radius-md);color:#fff;cursor:pointer;background:#ef4444;border:none;padding:8px 18px;font-size:14px;font-weight:700;transition:background .12s}.scDeleteModalConfirm:hover{background:#dc2626}.ldNewChartActions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.ldNewChartDiscard{background:var(--surface);border:1px solid var(--border-input);border-radius:var(--radius-md);color:var(--text);cursor:pointer;padding:8px 18px;font-size:14px;font-weight:700;transition:background .12s}.ldNewChartDiscard:hover{background:var(--surface-hover)}.ldNewChartSave{background:var(--accent);border-radius:var(--radius-md);color:#fff;cursor:pointer;border:none;padding:8px 18px;font-size:14px;font-weight:700;transition:background .12s}.ldNewChartSave:hover{background:var(--accent-hover)}.scDeleteModalAffectedLists{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin:8px 0 12px;padding:10px 12px;font-size:13px}.scDeleteModalAffectedLabel{color:var(--text);margin:0 0 8px;font-weight:700}.scDeleteModalGroupName{color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em;margin:8px 0 4px;font-size:12px;font-weight:600}.scDeleteModalGroup:first-child .scDeleteModalGroupName{margin-top:0}.scDeleteModalListNames{color:var(--text);margin:0;padding:0 0 0 16px;list-style:outside}.scDeleteModalListNames li{margin-bottom:2px}.manageListsPage{max-width:800px;margin:0 auto;padding:20px}.manageListsList{flex-direction:column;gap:4px;margin-top:16px;display:flex}.manageListsRow{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:10px;padding:10px 12px;transition:background .1s;display:flex}.manageListsRowDragOver{background:var(--accent-light,#eff6ff);border-color:var(--accent,#3b82f6)}.manageListsDragHandle{color:var(--text-soft);cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:18px;line-height:1}.manageListsDragHandle:active{cursor:grabbing}.manageListsRowContent{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.manageListsName{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.manageListsRenameInput{color:var(--text);background:var(--surface);border:1px solid var(--accent,#3b82f6);border-radius:var(--radius-sm);outline:none;width:100%;padding:3px 8px;font-size:15px;font-weight:600}.manageListsBase3Pills{flex-wrap:wrap;gap:4px;display:flex}.manageListsPill{padding:1px 7px;font-size:11px}.manageListsRowActions{flex-wrap:wrap;flex-shrink:0;gap:6px;display:flex}.manageListsActionBtn{background:var(--surface);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;white-space:nowrap;padding:5px 11px;font-size:13px;font-weight:600;transition:background .1s}.manageListsActionBtn:hover:not(:disabled){background:var(--surface-hover)}.manageListsActionBtn:disabled{opacity:.45;cursor:not-allowed}.manageListsActionBtnDanger{color:#ef4444;border-color:#fca5a5}.manageListsActionBtnDanger:hover:not(:disabled){background:#fef2f2}.manageListsActionBtnMuted{color:var(--text-soft)}.manageListsActionBtnPrimary{color:var(--accent);border-color:var(--accent)}.manageListsThreeDotBtn{letter-spacing:1px;padding:5px 9px}.manageListsMenuWrapper{position:relative}.manageListsMenuBackdrop{z-index:99;position:fixed;inset:0}.manageListsDropdown{z-index:100;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-width:160px;padding:4px 0;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 16px #0000001f}.manageListsDropdownItem{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;padding:9px 16px;font-size:14px;font-weight:500;display:block}.manageListsDropdownItem:hover{background:var(--surface-hover)}.manageListsDropdownItemDanger{color:#ef4444}.manageListsDropdownItemDanger:hover{background:#fef2f2}.manageListsGroupSection{margin-top:16px}.manageListsGroupHeader{text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft);padding:0 4px 6px;font-size:12px;font-weight:700}.listDetailPage{box-sizing:border-box;width:100%;max-width:1100px;margin:0 auto;padding:20px}.listDetailChromeGrid{grid-template-columns:auto 1fr;align-items:start;column-gap:14px;padding:12px 0 4px;display:grid}.listDetailFileIcon{cursor:pointer;background:0 0;border:0;grid-area:1/1/span 2;justify-content:center;align-items:center;width:70px;height:70px;padding:0;display:inline-flex}.listDetailFileIcon .mscIconImg{object-fit:contain;width:100%;height:100%}.listDetailNameRow{grid-area:1/2;min-width:0}.listDetailMenuSlot{border-bottom:1px solid var(--border-input,#e5e7eb);grid-area:2/2;align-items:center;min-width:0;min-height:27px;margin-bottom:16px;padding-bottom:6px;display:flex}.listDetailToolbarSlot{padding-bottom:12px}.listDetailViewToolbar{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.listDetailViewToolbar .scDisplayControl{margin-left:0}.listDetailViewToolbar{border-bottom:1px solid var(--border-input,#e5e7eb);margin-bottom:16px;padding:0 0 4px}.listDetailViewToolbar .mscIconButtonWrap{width:84px}.listDetailViewToolbar .mscIconLabel{text-align:center;white-space:normal}@media (width<=767px){.listDetailViewToolbar{flex-wrap:wrap;justify-content:space-evenly;gap:6px 4px}.listDetailViewToolbar .mscIconButtonWrap{gap:3px;width:auto}.listDetailViewToolbar .msc-icon-button{width:40px;height:40px}.listDetailViewToolbar .mscIconLabel{white-space:normal;font-size:10px;line-height:1.15;display:block}.listDetailMenuSlot{border-bottom:none;margin-bottom:0}.listDetailMenuSlot:empty{min-height:0;padding:0}.listDetailPage .listDetailStickyChrome{top:calc(var(--topbar-height) - var(--ldChromeGridH,0px))}.listDetailToolbarSlot{padding-top:4px;padding-bottom:6px}.listDetailViewToolbar,.chartEditorHeader[data-part=toolbar]{margin-bottom:0}}.chartEditorHeader[data-part=menu]{border-bottom:none;margin-bottom:0;padding:0}.chartEditorHeader[data-part=toolbar]{padding:0 0 4px}.chartEditorHeader{background:var(--bg);border-bottom:1px solid var(--border-input,#e5e7eb);flex-direction:column;gap:6px;margin-bottom:16px;padding:8px 0;display:flex}.listDetailStickyChrome{top:var(--topbar-height);z-index:40;background:var(--bg);position:sticky}.cehMenuBar{align-items:center;gap:4px;display:flex}.cehMenuTriggerWrap{display:inline-block;position:relative}.cehMenuTrigger{border-radius:var(--radius-sm);letter-spacing:.03em;color:var(--text);cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:13px;font-weight:700;transition:background .12s}.cehMenuTrigger:hover,.cehMenuTrigger[aria-expanded=true]{background:var(--surface)}.cehDropdown{z-index:41;background:var(--surface);border:1px solid var(--border-input,#e5e7eb);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-popover,0 4px 16px #0000001f);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);left:0}.cehMenuItem{border-radius:var(--radius-sm);color:var(--text);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:8px 10px;font-size:13px;font-weight:600}.cehMenuItem:hover:not(:disabled){background:var(--surface-hover)}.cehMenuItem:disabled{color:var(--text-faint);cursor:default}.cehMenuItemDestructive{color:#ef4444}.cehMenuItemDestructive:hover:not(:disabled){background:#fef2f2}.cehSubmenu{position:relative}.cehMenuItemParent{justify-content:space-between;align-items:center;gap:8px;display:flex}.cehChevron{opacity:.7;font-size:.8em}.cehFlyout{z-index:1;background:var(--surface);border:1px solid var(--border-input,#e5e7eb);border-radius:var(--radius-md);min-width:160px;max-height:60vh;box-shadow:var(--shadow-popover,0 4px 16px #0000001f);flex-direction:column;gap:2px;margin-left:2px;padding:6px;display:flex;position:absolute;top:0;left:100%;overflow-y:auto}.cehFlyoutFlip{margin-left:0;margin-right:2px;left:auto;right:100%}.cehToolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cehToolbarGroup{align-items:center;gap:4px;display:flex}.cehToolbarDivider{background:var(--border-input,#e5e7eb);align-self:stretch;width:1px}.cehToolbar .mscIconButtonWrap{width:84px}.cehSwapPopoverList{flex-direction:column;max-height:60vh;display:flex;overflow-y:auto}.cehSwapPopoverList .cehMenuItem{color:#333}.cehSwapPopoverList .cehMenuItem:hover{background:#0000000f}.cehToolbar .mscIconLabel{text-align:center;white-space:normal}.chartEditorHeaderMobile{position:relative}.cehMobileToolbar{flex-wrap:wrap;justify-content:space-evenly;align-items:flex-start;gap:6px 4px;padding:0;display:flex}.cehMobileToolbar .mscIconButtonWrap{gap:3px;width:auto}.cehMobileToolbar .mscIconLabel{white-space:normal;text-align:center;font-size:10px;line-height:1.15;display:block}.cehMobileToolbar .msc-icon-button{width:40px;height:40px}.cehMobileMenuBtn{color:var(--text)}.cehMobilePanel{z-index:5;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);max-height:70vh;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 6px 20px #00000024}.cehMobileSectionBtn,.cehMobileItem{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-size:15px;display:flex}.cehMobileSectionBtn{text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft);border-top:1px solid var(--border);font-size:13px;font-weight:700}.cehMobileSection:first-child .cehMobileSectionBtn{border-top:0}.cehMobileItem:disabled{opacity:.45;cursor:default}.cehMobileChild{padding-left:30px}.listDetailCard{min-width:0;position:relative}.listDetailCardEditBar{order:2;align-items:center;gap:6px;margin-top:6px;display:flex}.listDetailMoveButtons{gap:4px;display:none}@media (width<=600px){.listDetailMoveButtons{display:flex}}.listDetailMoveBtn{background:var(--surface);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;padding:3px 8px;font-size:14px;transition:background .1s}.listDetailMoveBtn:hover:not(:disabled){background:var(--surface-hover)}.listDetailMoveBtn:disabled{opacity:.35;cursor:not-allowed}.listDetailRemoveBtn{border-radius:var(--radius-sm);color:#ef4444;cursor:pointer;background:0 0;border:1px solid #fca5a5;margin-left:auto;padding:3px 9px;font-size:15px;font-weight:700;line-height:1;transition:background .1s}.listDetailRemoveBtn:hover{background:#fef2f2}.listDetailTombstone{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-md);text-align:center;padding:12px}.listDetailTombstoneName{color:var(--text-soft);margin-bottom:4px;font-size:14px;font-weight:600}.listDetailTombstoneMsg{color:var(--text-soft);font-size:12px}.createListSheetBackdrop{z-index:200;background:#00000073;position:fixed;inset:0}.createListSheet{background:var(--surface-raised,var(--surface));padding:0 0 env(safe-area-inset-bottom,0);z-index:201;box-sizing:border-box;border-top-left-radius:16px;border-top-right-radius:16px;width:100%;max-height:90vh;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 24px #0000002e}.createListSheetHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.createListSheetTitle{color:var(--text);font-size:16px;font-weight:700}.createListSheetBody{flex-direction:column;gap:8px;padding:16px 20px;display:flex}.createListSheetLabel{color:var(--text-secondary);font-size:13px;font-weight:600}.createListSheetInput{color:var(--text);background:var(--surface);border:1px solid var(--border-input);border-radius:var(--radius-md);outline:none;width:100%;padding:9px 12px;font-size:16px;font-weight:500;transition:border-color .15s}.createListSheetInput:focus{border-color:var(--accent,#3b82f6)}.createListSheetBase3Block{flex-direction:column;gap:8px;margin-top:4px;display:flex}.createListSheetHint{color:var(--text-soft);font-size:12px}.createListSheetFieldRow{align-items:center;gap:10px;display:flex}.createListSheetFieldRow .createListSheetLabel{min-width:80px}.createListSheetSelect{color:var(--text);background:var(--surface);border:1px solid var(--border-input);border-radius:var(--radius-md);cursor:pointer;outline:none;flex:1;padding:7px 10px;font-size:14px}.createListSheetFooter{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:12px 20px 16px;display:flex}.createListSheetCreateBtn{background:var(--accent,#3b82f6);border-radius:var(--radius-md);color:#fff;cursor:pointer;border:none;padding:9px 20px;font-size:14px;font-weight:700;transition:background .12s}.createListSheetCreateBtn:hover:not(:disabled){background:#2563eb}.createListSheetCreateBtn:disabled{opacity:.5;cursor:not-allowed}@media (width<=500px){.createListSheetFieldRow{flex-direction:column;align-items:flex-start;gap:4px}.createListSheetFieldRow .createListSheetLabel{min-width:unset}.createListSheetSelect{width:100%}.createListSheetFooter{justify-content:stretch}.createListSheetCreateBtn{flex:1}}.addToListSheetBackdrop{z-index:200;background:#00000073;position:fixed;inset:0}.addToListSheet{background:var(--surface-raised,var(--surface));padding:0 0 env(safe-area-inset-bottom,0);z-index:201;border-top-left-radius:16px;border-top-right-radius:16px;flex-direction:column;max-height:80vh;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0000002e}.addToListSheetHeader{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.addToListSheetTitle{color:var(--text);font-size:16px;font-weight:700}.addToListSheetBody{flex:1;padding:8px 20px;overflow-y:auto}.addToListSheetItem{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;display:flex}.addToListSheetItem:last-child{border-bottom:none}.addToListSheetItemIndented{padding-left:12px}.addToListSheetCheckbox{cursor:pointer;width:18px;height:18px;accent-color:var(--accent,#3b82f6);flex-shrink:0}.addToListSheetListName{color:var(--text);font-size:15px;font-weight:500}.addToListSheetGroup{margin-top:8px}.addToListSheetGroupHeader{text-transform:uppercase;letter-spacing:.07em;color:var(--text-soft);padding:6px 0 2px;font-size:11px;font-weight:700}.addToListSheetFooter{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px 16px;display:flex}.addToListSheetCreateNewBtn{color:var(--accent,#3b82f6);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600;transition:opacity .1s}.addToListSheetCreateNewBtn:hover{opacity:.75}.chordPickerGrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding:10px 0 16px;display:grid}.chordPickerCard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:4px;padding:8px;transition:border-color .15s,background .15s;display:flex}.chordPickerCard:hover{border-color:var(--accent);background:var(--surface-raised,var(--surface))}.chordPickerCardLabel{color:var(--text);font-size:13px;font-weight:600}.voicingSwapSheetSubtitle{color:var(--text-soft);margin-top:3px;font-size:13px}.voicingSwapGrid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:12px 0 20px;display:grid}.voicingSwapCard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:6px;padding:10px 8px 8px;display:flex}.voicingSwapCardName{color:var(--text);font-size:14px;font-weight:700}.voicingSwapCardFrets{color:var(--text-soft);font-family:monospace;font-size:11px}.voicingSwapCardActions{gap:6px;width:100%;margin-top:4px;display:flex}.voicingSwapPreviewBtn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;flex:1;padding:5px 0;font-size:12px}.voicingSwapPreviewBtn:hover{border-color:var(--accent);color:var(--accent)}.voicingSwapSelectBtn{background:var(--accent);border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;flex:2;padding:5px 0;font-size:12px;font-weight:700}.voicingSwapSelectBtn:hover{opacity:.88}.voicingSwapTriggerBtn{cursor:pointer;color:var(--text-soft);border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 4px;font-size:16px;line-height:1;transition:color .12s}.voicingSwapTriggerBtn:hover{color:var(--accent)}.savedChordsAddToListBtn{background:var(--accent,#3b82f6);border-radius:var(--radius-md);color:#fff;cursor:pointer;white-space:nowrap;border:none;padding:7px 14px;font-size:13px;font-weight:700;transition:background .12s}.savedChordsAddToListBtn:hover{background:#2563eb}.scFilterBar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:0;padding-top:2px;display:flex}.scFilterClearBtn{color:var(--text-soft);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:5px 12px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.scFilterClearBtn:hover{color:var(--text);border-color:var(--accent)}.scFilterSection{margin-bottom:16px}.scFilterHeading{letter-spacing:.06em;text-transform:uppercase;color:var(--text-soft);margin-bottom:6px;font-size:11px;font-weight:700}.scFilterSummary{color:var(--text-soft);text-align:left;margin-top:8px;font-size:12px}.scFilterClearBtn{margin-top:8px}.listDetailBodySection{flex-direction:column;gap:16px;margin-top:20px;display:flex}.listDetailFieldGroup{flex-direction:column;gap:6px;display:flex}.listDetailFieldLabel{color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.listDetailCharCount{text-transform:none;letter-spacing:0;color:var(--text-faint);font-size:11px;font-weight:400}.listDetailTextarea{background:var(--surface);border:1px solid var(--border-input);border-radius:var(--radius-sm);width:100%;min-height:100px;color:var(--text);resize:vertical;box-sizing:border-box;padding:10px 12px;font-family:inherit;font-size:14px;line-height:1.5}.listDetailTextarea:focus{border-color:var(--accent);outline:none}.listDetailBodyText{color:var(--text);font-size:15px}.chordBodyLine{flex-wrap:nowrap;align-items:flex-end;gap:0;min-height:1.6em;margin-bottom:8px;display:flex}.chordBodyLyricRow{white-space:pre-wrap;color:var(--text);font-size:15px;line-height:1.6}.chordBodyCell{vertical-align:bottom;grid-template-rows:auto auto;justify-items:start;display:inline-grid}.chordBodyCellPill{white-space:nowrap;grid-row:1;align-items:flex-end;gap:4px;min-height:22px;display:inline-flex}.chordBodyCellText{white-space:pre;grid-row:2;min-height:1.6em;font-size:15px;line-height:1.6}.chordBodyPill{background:var(--accent,#3b82f6);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:4px;padding:1px 6px;font-size:12px;font-weight:600;line-height:1.6;transition:opacity .1s;display:inline-block}.chordBodyPill:hover{opacity:.82}.chordBodyPillUnknown{background:var(--surface-raised,var(--surface));color:var(--text-faint);border:1px solid var(--border);vertical-align:baseline;border-radius:4px;margin:0 2px;padding:1px 6px;font-size:11px;line-height:1.6;display:inline-block}.listDetailInsertChordBtn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-soft);cursor:pointer;background:0 0;align-self:flex-start;align-items:center;gap:6px;margin-top:6px;padding:5px 12px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}.listDetailInsertChordBtn:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.listDetailInsertChordBtn:disabled{opacity:.4;cursor:default}.listDetailInsertBtnGlyph{flex:none;width:auto;height:16px}.listDetailSectionEditor{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised,var(--surface));flex-direction:column;gap:6px;margin-bottom:10px;padding:10px;display:flex}.listDetailSectionEditorHead{align-items:center;gap:8px;display:flex}.listDetailSectionLabelSelect{background:var(--surface);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text);padding:4px 8px;font-family:inherit;font-size:13px}.listDetailSectionNumPreview{color:var(--text-soft);font-size:12px;font-weight:600}.chordTsMarker{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin:0 4px 2px 0;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:700;line-height:1;display:inline-block}.listDetailTsPicker{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.listDetailTsChip{background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;padding:4px 10px;font-family:inherit;font-size:13px}.listDetailTsChip:hover{background:color-mix(in srgb, var(--accent) 20%, transparent)}.listDetailTsChipCustom{border-style:dashed}.listDetailTsChipOn{background:var(--accent);border-color:var(--accent);color:#fff}.listDetailTsMulti{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.listDetailMetaFieldTs{grid-column:1/-1}.listDetailTsLegacy{color:var(--text-soft);width:100%;font-size:12px}.listDetailTsOther{align-items:center;gap:4px;display:inline-flex}.listDetailTsOtherInput{background:var(--surface);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text);width:80px;padding:4px 8px;font-family:inherit;font-size:13px}.listDetailTsError{color:var(--danger);align-self:center;font-size:11px}.listDetailSectionLabelOther{align-items:center;gap:4px;display:inline-flex}.listDetailSectionLabelOtherInput{background:var(--surface);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text);width:140px;padding:4px 8px;font-family:inherit;font-size:13px}.listDetailSectionEditorControls{gap:4px;margin-left:auto;display:flex}.listDetailSectionDragHandle{cursor:grab;touch-action:none}.listDetailSectionDragHandle:active{cursor:grabbing}.listDetailSectionEditorDragging{opacity:.6;box-shadow:0 4px 12px #00000040}.listDetailIconBtn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-soft);cursor:pointer;background:0 0;padding:4px 8px;font-size:13px;line-height:1;transition:border-color .15s,color .15s}.listDetailIconBtn:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.listDetailIconBtn:disabled{opacity:.35;cursor:default}.listDetailCtlIcon{object-fit:contain;width:15px;height:15px;display:block}[data-theme=dark] .listDetailCtlIconInvert{filter:invert()}.listDetailRemoveBtnBare{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;margin-left:auto;padding:2px 4px;line-height:1;transition:color .12s;display:inline-flex}.listDetailRemoveBtnBare:hover{color:#b91c1c}[data-theme=dark] .listDetailCardEditBar .manageListsDragHandle,[data-theme=dark] .listDetailSectionDragHandle{color:var(--text)}.listDetailSectionEditorFoot{justify-content:space-between;align-items:center;display:flex}.listDetailSectionEditorBtns{align-items:center;gap:16px;display:flex}.listDetailAddSectionBtn{border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-soft);cursor:pointer;background:0 0;align-self:flex-start;padding:6px 14px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s}.listDetailAddSectionBtn:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.listDetailAddSectionBtn:disabled{opacity:.4;cursor:default}.listDetailSectionLabel{color:var(--text-soft);text-transform:uppercase;letter-spacing:.06em;align-self:flex-start;margin:20px 0 6px;font-size:13px;font-weight:700;display:block}.listDetailDocument{background:0 0;padding:0}.listDetailDocument>:first-child{margin-top:0}.listDetailMetaSection{flex-direction:column;gap:10px;margin-top:16px;display:flex}.inlineEditText{cursor:text;border-radius:var(--radius-sm);border:1px solid #0000;padding:1px 2px}.inlineEditText:hover{border-color:var(--border)}.inlineEditEmpty{color:var(--text-soft);opacity:.6}.inlineEditInput{font-family:inherit;font-weight:inherit;color:inherit;border:1px solid var(--border-input);border-radius:var(--radius-sm);box-sizing:border-box;background:0 0;outline:none;width:100%;margin:0;padding:1px 2px}.inlineEditInput:focus{border-color:var(--accent);background:var(--surface)}.listDetailNameRow{align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.listDetailNameLabel{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;font-size:24px;font-weight:400;overflow:hidden}.listDetailNameRow{flex-wrap:wrap;align-items:baseline;gap:6px 12px;min-width:0;display:flex}.base3Badges{flex-wrap:wrap;flex:0 auto}.listDetailDocHeader{margin-bottom:20px}.listDetailDocTitle{color:var(--text);font-size:28px;font-weight:700;line-height:1.25}.listDetailDocSubtitle{color:var(--text-soft);margin-top:2px;font-size:17px;font-weight:400;line-height:1.4}.listDetailBottomSave{border-top:1px solid var(--border);justify-content:flex-end;margin-top:8px;padding:16px 0 8px;display:flex}.listDetailFieldRow{flex-direction:column;gap:5px;display:flex}.listDetailMetaInput{background:var(--surface);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text);box-sizing:border-box;width:100%;padding:7px 10px;font-family:inherit;font-size:13px}.listDetailMetaInput:focus{border-color:var(--accent);outline:none}.listDetailMetaToggle{border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text-soft);cursor:pointer;background:0 0;align-self:flex-start;padding:6px 12px;font-size:12px;font-weight:600;transition:background .1s}.listDetailMetaToggle:hover{background:var(--surface-hover)}.listDetailMetaGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=600px){.listDetailMetaGrid{grid-template-columns:1fr}}.listDetailMetaField{flex-direction:column;gap:4px;display:flex}.listDetailMetaReadGrid{background:var(--surface);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr;gap:8px 16px;margin-top:16px;padding:12px;display:grid}.listDetailMetaReadField{flex-direction:column;gap:2px;display:flex}.listDetailMetaReadLabel{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.listDetailMetaReadValue{color:var(--text);font-size:13px}.listDetailDisplayTitle{color:var(--text-secondary);margin-top:2px;font-size:15px;font-weight:600}.listDetailDisplaySubtitle{color:var(--text-soft);margin-top:2px;font-size:13px}.listDetailMetaAccordion{margin-bottom:8px}.listDetailMetaToggleInline{color:var(--text-soft);cursor:pointer;pointer-events:auto;background:0 0;border:none;margin-top:2px;padding:0;font-family:inherit;font-size:13px}.listDetailMetaToggleInline:hover{color:var(--text)}.listDetailMetaAnchorLink{margin-top:6px;display:inline-block}#ldChartDetails{scroll-margin-top:calc(var(--topbar-height) + 72px)}.listDetailFooter{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:32px;padding-top:16px;display:flex}.listDetailFooterLabel{color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.listDetailFooterLinks{flex-wrap:wrap;gap:8px;display:flex}.listDetailFooterLink{background:var(--surface);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;padding:5px 12px;font-size:13px;font-weight:500;transition:background .1s}.listDetailFooterLink:hover{background:var(--surface-hover)}.manageListsGroupControls{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.manageListsGroupHeaderRow{align-items:center;gap:8px;padding:6px 0;display:flex}.manageListsGroupDragHandle{color:var(--text-faint);cursor:grab;flex-shrink:0;padding:2px 4px;font-size:16px}.manageListsGroupNameInput{color:var(--text);background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius-sm);outline:none;flex:1;padding:3px 8px;font-family:inherit;font-size:14px;font-weight:700}.manageListsGroupActionBtn{color:var(--text-soft);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:3px 7px;font-size:12px;transition:color .1s,background .1s}.manageListsGroupActionBtn:hover{color:var(--text);background:var(--surface-hover)}.manageListsGroupActionBtnDanger{color:var(--danger)}.manageListsGroupActionBtnDanger:hover{background:#fef2f2}.manageListsMoveSelect{background:var(--surface);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;padding:4px 8px;font-size:12px}.manageListsNewGroupRow{align-items:center;gap:8px;padding:8px 0;display:flex}.manageListsNewGroupInput{background:var(--surface);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text);flex:1;padding:6px 10px;font-family:inherit;font-size:13px}.manageListsNewGroupInput:focus{border-color:var(--accent);outline:none}.duplicateModal{width:90vw;max-width:480px}.duplicateModalSection{margin-bottom:16px}.duplicateModalLabel{color:var(--text-soft);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.duplicateModalOptionalLabel{color:var(--text-soft);margin-bottom:8px;font-size:12px}.duplicateModalBase3Row{flex-direction:column;gap:8px;display:flex}.duplicateModalError{color:var(--danger,#e53e3e);margin-top:4px;font-size:12px}.duplicateModalSecondaryBtn{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important}.duplicateModalSecondaryBtn:hover:not(:disabled){background:var(--surface-raised,var(--surface))!important}.duplicateModalStepperRow{align-items:center;gap:12px;margin-bottom:8px;display:flex}.duplicateModalStepperBtn{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.duplicateModalStepperBtn:disabled{opacity:.3;cursor:default}.duplicateModalStepperValue{text-align:center;min-width:40px;color:var(--text);font-size:20px;font-weight:600}.duplicateModalPreviewText{color:var(--text-soft);font-size:13px}.chooserOverlay{align-items:stretch}.chooserScreen{background:var(--bg);border-radius:var(--radius-lg,12px);flex-direction:column;width:100%;max-width:600px;max-height:90vh;margin:auto;display:flex;overflow:hidden}.chooserHeader{padding:20px 20px 0}.chooserBody{flex-direction:column;flex:1;gap:16px;padding:16px 20px;display:flex;overflow-y:auto}.chooserFooter{border-top:1px solid var(--border);gap:8px;padding:16px 20px;display:flex}.chooserChordRow{border:1px solid var(--border);border-radius:var(--radius-md);padding:12px}.chooserChordName{color:var(--text);margin-bottom:8px;font-size:16px;font-weight:600}.chooserNoVoicing{color:var(--text-soft);font-size:12px;font-style:italic}.chooserSingleVoicing{align-items:center;gap:6px;display:flex}.chooserVoicingOptions{flex-wrap:wrap;gap:8px;display:flex}.chooserVoicingOption{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;color:var(--text);align-items:center;gap:4px;padding:6px 10px;font-size:13px;display:flex}.chooserVoicingOptionSelected{border-color:var(--accent,#f97316);background:var(--accent-subtle,#f9731614)}.chooserFret{color:var(--text);text-align:center;min-width:14px;font-size:13px}.chooserOnlyMatch{color:var(--text-soft);margin-left:4px;font-size:11px}.listDetailUnresolved{border-color:var(--warning-border,var(--border));opacity:.8}.whatsNewPage{max-width:680px;margin:0 auto;padding:0 16px 40px}.whatsNewBody{padding-top:8px}.docsBody h1,.docsBody h2,.docsBody h3{color:var(--text);margin:1.2em 0 .4em;font-weight:700}.docsBody h1,.docsBody h2,.docsBody h3,.docsBody h4{scroll-margin-top:calc(var(--topbar-height,58px) + 16px)}.docsBody p{color:var(--text);margin:0 0 .75em;line-height:1.6}.docsBody ul,.docsBody ol{color:var(--text);margin:0 0 .75em 1.4em}.docsBody table{border-collapse:collapse;width:100%;margin:0 0 1em;font-size:14px}.docsBody th,.docsBody td{border:1px solid var(--border);text-align:left;color:var(--text);padding:6px 10px}.docsBody th{background:var(--surface);font-weight:600}.docsFeatureGrid{border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr;gap:0;margin:0 0 1em;font-size:14px;display:grid;overflow:hidden}.docsFeatureCol{flex-direction:column;display:flex}.docsFeatureCol+.docsFeatureCol{border-left:1px solid var(--border)}.docsFeatureColTitle{background:var(--surface);color:var(--text);border-bottom:1px solid var(--border);padding:6px 10px;font-weight:600}.docsFeatureRow{color:var(--text);border-bottom:1px solid var(--border);flex:1;padding:6px 10px}.docsFeatureRow:last-child{border-bottom:none}.docsFeatureRow p{margin:0}@media (width<=600px){.docsFeatureGrid{grid-template-columns:1fr}.docsFeatureCol+.docsFeatureCol{border-left:none;border-top:2px solid var(--border)}}.docsBody strong{font-weight:700}.docsBody code{background:var(--surface);border-radius:3px;padding:1px 4px;font-family:monospace;font-size:.9em}.whatsNewSection{margin-bottom:32px}.whatsNewVersion{color:var(--accent);margin:0 0 2px;font-size:17px;font-weight:800}.whatsNewDate{color:var(--text-faint);margin:0 0 10px;font-size:13px}.whatsNewList{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.whatsNewItem{color:var(--text-soft);padding-left:14px;font-size:14px;line-height:1.5;position:relative}.whatsNewItem:before{content:"–";color:var(--text-faint);position:absolute;left:0}.scBackBtn{cursor:pointer;color:var(--text-soft);border-radius:var(--radius-md);background:0 0;border:none;padding:6px 10px;font-size:13px;font-weight:600;transition:background .1s}.scBackBtn:hover{background:var(--surface)}@media print{.appShell{display:none!important}body:after{content:"Printing is not supported for this content.";text-align:center;padding:2rem;font-family:sans-serif;font-size:16px;display:block}}.mscIconButtonWrap{flex-direction:column;align-items:center;gap:8px;display:inline-flex}.mscIconButtonWrap[data-label-position=above]{flex-direction:column-reverse}.msc-icon-button{border:1px solid var(--border-control);box-shadow:var(--shadow-raised);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:transform 80ms ease-out,box-shadow 80ms ease-out,border-color .12s ease-out,background-color .12s ease-out;display:inline-flex;position:relative;transform:translateY(0)scale(1)}.mscIconBadge{background:var(--badge-bg);min-width:16px;height:16px;color:var(--badge-text);text-align:center;pointer-events:none;z-index:1;border-radius:8px;padding:0 4px;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:-4px;right:-4px}.msc-icon-button:active:not(:disabled){box-shadow:var(--shadow-pressed);transform:translateY(1px)scale(.97)}.msc-icon-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.mscIconButtonWrap.is-mode-selected .msc-icon-button{border:2px solid var(--accent)}.mscIconButtonWrap.is-mode-selected .mscIconLabel{color:var(--accent)}.mscIconButtonWrap:has(.msc-icon-button:disabled){opacity:.45;pointer-events:none}.lookupIconMandatory .msc-icon-button{outline:4px solid var(--danger);outline-offset:0px}[data-theme=dark] .msc-icon-button{background:var(--surface-hover)}[data-theme=dark] .mscIconImg{filter:invert()}[data-theme=dark] .mscIconNoInvert{filter:none}.mscIconImg{object-fit:contain;width:88%;height:88%;display:block}.mscIconLabel{color:#555;text-align:center;white-space:pre-line;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:14px;font-weight:500;line-height:1.2}.mscIconLabelBold{letter-spacing:.3px;font-weight:800}.mscIconLabelUnderline{text-underline-offset:2px;text-decoration:underline}[data-theme=dark] .mscIconLabel{color:var(--text)}[data-theme=dark] .wtcCardBase3 .mscIconLabel,[data-theme=dark] .wtcCardDiagramControls .mscIconLabel{color:#555}.msc-icon-button[data-size=desktop]{width:58px;height:58px}.msc-icon-button[data-size=mobile]{width:44px;height:44px}@media (prefers-reduced-motion:reduce){.msc-icon-button{transition:none}}.wtcDesktopLayout img{max-width:100%}.wtcDesktopLayout{align-items:flex-start;gap:24px;padding:16px 24px;display:flex}.wtcLeftCol{flex-direction:column;flex-shrink:0;gap:24px;width:404px;display:flex}.wtcCardDetection{box-shadow:var(--shadow-raised);text-align:center;box-sizing:border-box;border:1px solid #e2e2e2;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.wtcCardDetectionUndetected{background:#fff;height:261px}.wtcCardDetectionDetected{background:#f6f6f6;height:226px}.wtcHintsList{text-align:left;flex-direction:column;align-items:flex-start;gap:10px;display:flex}.wtcHintItem{color:#000;align-items:center;gap:10px;font-family:Inter,sans-serif;font-size:24px;font-weight:500;line-height:1.2;display:flex}.wtcHintIcon{flex-shrink:0;width:30px;height:30px;display:block}.wtcHintFirstWord{font-weight:700}.wtcInterimText{color:#555;text-align:center;padding:0 16px;font-family:Inter,sans-serif;font-size:18px;font-weight:500}.wtcDetectedChordName{color:#000;text-align:center;letter-spacing:-1px;margin-bottom:10px;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:77px;font-weight:700;line-height:1}.wtcMiniButtons{justify-content:center;gap:16px;margin-bottom:10px;display:flex}.wtcMiniBtn{flex-direction:column;align-items:center;gap:4px;display:flex}.wtcMiniBtnIcon{border-radius:var(--radius-xs);border:1px solid var(--border-control);width:30px;height:30px;box-shadow:var(--shadow-raised);cursor:pointer;background:#fff;justify-content:center;align-items:center;padding:0;transition:box-shadow 80ms ease-out;display:flex}.wtcMiniBtnIcon:active{box-shadow:var(--shadow-pressed)}.wtcMiniBtnIcon img{width:16px;height:16px;display:block}.wtcMiniBtnLabel{color:#000;text-align:center;white-space:pre-line;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:12px;font-weight:700;line-height:1.25}.wtcAlsoDetectedLabel{color:#777;text-align:center;margin-bottom:4px;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:18px;font-weight:400}.wtcAlsoDetectedNames{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.wtcAlsoDetectedName{color:#777;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:19px;font-weight:700}.wtcCardBase3{width:404px;box-shadow:var(--shadow-raised);box-sizing:border-box;background:#f6f6f6;border:1px solid #e2e2e2;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:20px 15px;display:flex}.wtcBase3Summary{color:#555;text-align:center;white-space:nowrap;width:100%;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:20px;font-weight:500;overflow:hidden}.wtcBase3Buttons{justify-content:center;gap:12px;display:flex}.wtcCardDiagramControls{width:404px;height:237px;box-shadow:var(--shadow-raised);box-sizing:border-box;background:#f6f6f6;border:1px solid #e2e2e2;border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:center;padding:20px 16px 16px;display:flex;position:relative;overflow:hidden}.wtcDiagramControlsTitle{color:#555;text-align:center;z-index:1;margin-bottom:14px;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:20px;font-weight:500;position:relative}.wtcDiagramControlsButtons{z-index:1;justify-content:center;gap:12px;margin-bottom:14px;display:flex;position:relative}.wtcDiagramSettingsSummary{color:#777;text-align:center;z-index:1;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:15px;font-weight:400;position:relative}.wtcPlayModeHint{color:var(--accent);text-align:center;z-index:1;margin:8px 0 0;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:12px;font-weight:400;line-height:1.35;position:relative}.wtcPlayModeHintMobile{box-sizing:border-box;width:100%;margin:0;padding:0 12px;font-size:13px}.wtcHintHidden{visibility:hidden}.wtcMobileFretboardArea .reverseEditor.strumZone{border:none;border-radius:0}.wtcMobileBody.wtcPlayBorder{border-color:var(--accent)}.wtcCogWatermark{pointer-events:none;z-index:0;opacity:1;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.wtcFretboardCard{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.wtcFretboardInner{align-items:flex-start;gap:8px;display:flex;position:relative}.wtcEditorArea{flex:1;min-width:0;position:relative}.wtcModeWatermark{pointer-events:none;z-index:0;opacity:1;width:70%;max-width:420px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wtcFretNavRail{flex-direction:column;flex-shrink:0;justify-content:space-between;align-self:center;align-items:center;height:216px;display:flex}.wtcFretNavLabel{letter-spacing:.04em;text-transform:uppercase;color:#777!important;font-family:Inter,sans-serif!important;font-size:13px!important;font-weight:700!important}.wtcTuningFootnote{color:#999;text-align:center;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:14px;font-weight:500}.wtcTuningFootnoteName{font-weight:700}.wtcTriggerWrap{display:inline-block;position:relative}.wtcPopover{z-index:500;border-radius:var(--radius-popover);border:1px solid var(--border-control);box-shadow:var(--shadow-popover);background:#fff;max-height:600px;position:fixed;overflow-y:auto}.wtcPopoverInstList{flex-direction:column;gap:6px;padding:12px;display:flex}.wtcPopoverInstItem{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;transition:border-color .12s;display:flex}.wtcPopoverInstItem:hover{background:var(--surface)}.wtcPopoverInstItem.wtcPopoverItemSelected{border-color:var(--accent)}.wtcPopoverInstItemLabel{color:#333;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:16px;font-weight:500}.wtcPopoverInstIconBox{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.wtcPopoverInstIconBox img{object-fit:contain;flex-shrink:0;width:40px;height:40px;display:block}.wtcPopoverInstItem.wtcPopoverItemSelected .wtcPopoverInstItemLabel{color:var(--accent)}.wtcPopoverTuningContent{padding:8px 0}.wtcPopoverTuningGroup{padding:0 12px}.wtcPopoverTuningGroupHeader{cursor:pointer;color:#555;text-align:left;text-transform:uppercase;letter-spacing:.04em;background:0 0;border:none;justify-content:space-between;align-items:center;gap:6px;width:100%;padding:8px 0;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:13px;font-weight:700;display:flex}.wtcPopoverTuningGroupName{text-align:left;flex:1}.wtcPopoverTuningGroupChevron{color:#555;font-size:14px}.wtcPopoverTuningGroupChevronExpanded{color:var(--accent)}.wtcPopoverTuningItem{cursor:pointer;text-align:left;background:0 0;border:1px solid #e1e1e1;border-radius:8px;flex-direction:column;width:100%;margin-bottom:4px;padding:6px 8px;transition:border-color .12s;display:flex}.wtcPopoverTuningItem:hover{background:var(--surface)}.wtcPopoverTuningItem.wtcPopoverItemSelected{border-color:var(--accent)}.wtcPopoverTuningItemName{color:#333;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:15px;font-weight:600}.wtcPopoverTuningItem.wtcPopoverItemSelected .wtcPopoverTuningItemName{color:var(--accent)}.wtcPopoverTuningItemNotes{color:#777;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:12px;font-weight:400}[data-theme=dark] .lookupSheet{background:#fff}[data-theme=dark] .lookupSheetHeader{border-bottom-color:#e2e2e2}[data-theme=dark] .lookupSheetFooter{border-top-color:#e2e2e2}[data-theme=dark] .lookupSheetTitle{color:#111}[data-theme=dark] .lookupSheet .lightboxCloseBtn{color:#555}[data-theme=dark] .lookupSheet .lightboxCloseBtn:hover{color:#111}.wtcPopoverCapoContent{padding:12px}.wtcPopoverCapoHeader{color:#333;align-items:center;gap:8px;margin-bottom:12px;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:16px;font-weight:600;display:flex}.wtcPopoverCapoGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:10px;display:grid}.wtcPopoverCapoBtn{border:1px solid var(--border-control);cursor:pointer;color:#333;text-align:center;overflow-wrap:anywhere;background:#fff;border-radius:8px;min-width:0;padding:10px 4px;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:15px;font-weight:600;transition:background .12s,color .12s}.wtcPopoverCapoBtn.wtcPopoverCapoBtnSelected{background:var(--accent);border-color:var(--accent);color:#fff}.wtcPopoverCapoBtn:disabled{opacity:.45;cursor:not-allowed}.wtcPopoverRemoveCapo{border:1px solid var(--border-control);cursor:pointer;color:#555;background:#fff;border-radius:8px;width:100%;padding:10px;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:14px;font-weight:600;transition:background .12s}.wtcPopoverRemoveCapo:hover:not(:disabled){background:var(--surface)}.wtcPopoverRemoveCapo:disabled{opacity:.45;cursor:not-allowed}.libFilterActions{gap:8px;padding:0 12px 12px;display:flex}.libFilterActions>*{flex:1 1 0;min-width:0}.libFilterDoneBtn{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:8px;padding:10px;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:14px;font-weight:700}.lookupSheetFooter{border-top:1px solid var(--border);background:#fff;padding-top:12px;position:sticky;bottom:0}.lookupSheetFooter .libFilterActions{padding:0 20px 12px}.wtcPopoverSettingsContent{flex-direction:column;gap:10px;padding:12px;display:flex}.wtcPopoverSettingsSection{flex-direction:column;gap:6px;display:flex}.wtcPopoverSettingsLabel{color:#555;text-transform:uppercase;letter-spacing:.04em;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:12px;font-weight:700}.wtcPopoverSettingsOptions{gap:6px;display:flex}.wtcPopoverSettingsOpt{border:1px solid var(--border-control);cursor:pointer;color:#333;background:#fff;border-radius:8px;padding:6px 14px;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:14px;font-weight:500;transition:border-color .12s,color .12s}.wtcPopoverSettingsOpt.wtcPopoverItemSelected{border-color:var(--accent);color:var(--accent)}.wtcAlsoDetectedName{cursor:pointer}.wtcAlsoDetectedName:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.wtcMobileLayout{flex-direction:column;align-items:center;gap:8px;width:100%;padding:8px 0 16px;display:flex}.wtcMobileCard{width:100%;min-height:98px;box-shadow:var(--shadow-raised);box-sizing:border-box;background:#f6f6f6;border:1px solid #e2e2e2;border-radius:12px;justify-content:center;align-items:center;padding:6px;display:flex}.wtcMobileHints{grid-template-columns:1fr 1fr;align-items:center;gap:4px 10px;display:grid}.wtcMobileHintItem{color:#333;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;line-height:1.2;display:flex}.wtcMobileHintItem b{font-weight:700}.wtcMobileHintItem img{flex-shrink:0;width:20px;height:20px}.wtcMobileInterimText{color:#555;text-align:center;padding:0 4px;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:13px;font-weight:400}.wtcMobileDetectedContent{flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.wtcMobileCardRow{justify-content:space-between;align-items:center;gap:4px;width:100%;display:flex}.wtcMobileDetectedName{color:#000;text-align:center;flex:1;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:36px;font-weight:700;line-height:1}.wtcMobileAlsoDetected{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.wtcMobileAlsoLabel{color:#777;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:11px;font-weight:400}.wtcMobileAlsoSwapBtn{color:#777;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 3px;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:13px;font-weight:700}.wtcMobileAlsoSwapBtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wtcMobileContextLine{color:#999;text-align:center;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:10px;font-weight:400}.wtcMobileIdRow{box-sizing:border-box;align-items:flex-start;gap:4px;width:100%;padding:0 4px;display:flex}.wtcMobileIdRail{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;display:flex}.wtcMobileRailGap{height:24px}.wtcMobileIdContent{flex-direction:column;flex:auto;align-items:center;gap:8px;min-width:0;max-width:500px;display:flex}.wtcMobileBody{box-sizing:border-box;width:100%;margin-top:-24px;display:flex}.wtcMobileRailItem{flex-direction:column;justify-content:center;align-items:center;width:52px;display:flex}.wtcMobileFretboardArea{flex:auto;width:100%;min-width:0}.wtcMobileFretboardArea .reverseEditor{box-sizing:border-box;border:none;width:100%}.wtcMobileFretboardArea .reverseSvg{width:100%;margin:0}.wtcMobileIdContent .wtcTuningFootnote{z-index:1;margin-top:-8px;position:relative}.wtcMobileFretNavBtn .msc-icon-button{border-radius:8px}.wtcMobileFretNavLabel{letter-spacing:.04em;text-transform:uppercase;white-space:pre-line;color:#777!important;font-family:Inter,sans-serif!important;font-size:9px!important;font-weight:700!important}.wtcMobileRailLabel{letter-spacing:normal;text-transform:none;white-space:pre-line;color:#555!important;font-family:Atkinson Hyperlegible Next,sans-serif!important;font-size:11px!important;font-weight:500!important}.wtcMobileSettingsPanel{flex-direction:column;display:flex}.wtcMobileSettingsPanelHeader{border-bottom:1px solid #e1e1e1;flex-shrink:0;align-items:center;padding:14px 16px 10px;display:flex}.wtcMobileSettingsPanelTitle{color:#333;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:16px;font-weight:700}.wtcMobileSettingsBackBtn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:16px;font-weight:700}.wtcMobileSettingsBreadcrumb{color:#333;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:16px;font-weight:700}.wtcMobileSettingsMainView{flex-direction:column;display:flex}.wtcMobileSettingsRow{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #f0f0f0;align-items:center;gap:10px;width:100%;min-height:48px;padding:12px 16px;display:flex}.wtcMobileSettingsRow:disabled{opacity:.38;cursor:default;pointer-events:none}.wtcMobileSettingsRowIcon{object-fit:contain;flex-shrink:0;width:24px;height:24px}.wtcMobileSettingsRowLabel{color:#333;text-align:left;flex:1;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:14px;font-weight:400}.wtcMobileSettingsRowChevron{color:#aaa;font-size:18px}.wtcMobileSettingsDivider{background:#e1e1e1;flex-shrink:0;height:1px;margin:4px 0}.lookupIconRail{flex-direction:column;align-items:center;gap:10px;display:flex}.lookupCapoFilterRow{gap:6px;margin-bottom:10px;display:flex}.lookupCapoFilterRow .wtcPopoverRemoveCapo{flex:1;width:auto}.wtcPopoverSettingsSummary{color:#888;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:12px}.horizontalNeckBtn{background:0 0;border:none;border-radius:6px;width:100%;padding:0;display:block;overflow:hidden}.horizontalNeckBtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lookupPrimaryCard{cursor:pointer;flex-shrink:0;min-width:260px;max-width:440px}.lookupPrimaryCard:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lookupPrimaryCardEmpty{opacity:.45;cursor:default;color:#888;justify-content:center;align-items:center;min-height:120px;font-size:14px;display:flex}.lookupPrimaryCardTopRow{align-items:center;gap:6px;display:flex}.lookupPrimaryBookmark{cursor:pointer;color:var(--fg);background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:2px;display:flex}.lookupPrimaryBookmark:hover{color:var(--accent)}.lookupPrimaryBookmark:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lookupPrimaryChordName{text-align:center;color:var(--fg);flex:1;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:32px;font-weight:800;line-height:1}.lookupPrimaryTriangle{cursor:pointer;color:var(--fg);background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:2px 4px;font-size:18px;display:flex}.lookupPrimaryTriangle:hover:not(:disabled){color:var(--accent)}.lookupPrimaryTriangle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lookupPrimaryTriangleMuted{opacity:.38;cursor:not-allowed}.lookupPrimaryDiagram{pointer-events:none}.lookupPrimaryContext{color:#777;text-align:center;margin-top:2px;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:12px}.lookupGallery{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex;position:relative}.lookupGalleryItems{flex:1;gap:8px;display:grid}.lookupGalleryItems--large{grid-template-columns:repeat(4,1fr)}.lookupGalleryItems--compact{grid-template-columns:repeat(6,1fr)}.lookupGalleryItems--diagrams,.lookupGalleryItems--text{grid-template-columns:repeat(3,1fr)}.lookupGalleryItem{cursor:pointer;background:var(--surface);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:0;transition:box-shadow .12s;display:flex}.lookupGalleryItem:hover{box-shadow:0 0 0 2px var(--border-control)}.lookupGalleryItem:focus-visible{box-shadow:0 0 0 2px var(--accent);outline:none}.lookupGalleryItemSelected{box-shadow:0 0 0 3px var(--accent);outline:none}.lookupGalleryItem--compact{border-radius:7px;padding:0}.lookupGalleryItemName{color:var(--fg);text-align:center;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:11px;font-weight:700}.lookupGalleryChevron{cursor:pointer;color:var(--fg);z-index:1;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:56px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.lookupGalleryChevronLeft{left:-28px}.lookupGalleryChevronRight{right:-28px}.lookupGalleryChevron:hover:not(:disabled){color:var(--accent)}.lookupGalleryChevron:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lookupGalleryChevronDisabled{opacity:.28;cursor:default}@keyframes lookupGalleryFadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.lookupGalleryItemsAnimate{animation:.18s ease-out lookupGalleryFadeIn}@media (prefers-reduced-motion:reduce){.lookupGalleryItemsAnimate{animation:none}}@keyframes stringFlashPulse{0%{stroke:#00b140;opacity:0}33.33%{stroke:#00b140;opacity:1}66.66%{stroke:#00b140;opacity:1}to{stroke:#00b140;opacity:0}}.stringFlashOverlay{pointer-events:none;animation:.45s ease-in-out forwards stringFlashPulse}@keyframes primaryBouncePulse{0%{transform:scale(1)}30%{transform:scale(1.04)}to{transform:scale(1)}}.primaryBounce{animation:.25s ease-out primaryBouncePulse}.lookupGalleryCount{color:#999;text-align:left;margin-top:-4px;margin-bottom:16px;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:11px}.lookupGalleryShowNeckBtn{color:var(--accent);margin-left:8px;text-decoration:underline}.lookupGalleryShowNeckBtn:hover{color:var(--accent);opacity:.8}.lookupGalleryCountNoChevron{margin-top:15px}.lookupTextPill{cursor:pointer;text-align:center;background:#111;border:3px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:1px;width:100%;min-width:0;padding:7px 10px;display:flex}.lookupTextPill:hover{background:#222}.lookupTextPill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lookupTextPillSelected{border-color:var(--accent)}.lookupTextPillName{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-family:Atkinson Hyperlegible Next,sans-serif;font-size:13px;font-weight:600;overflow:hidden}.lookupTextPillCapo{color:#aaa}.lookupTextPillCapoNum{color:var(--accent)}.lookupTextPillFingering{color:#ccc;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}[data-theme=dark] .lookupTextPill{background:#e8e8e8}[data-theme=dark] .lookupTextPill:hover{background:#d4d4d4}[data-theme=dark] .lookupTextPillSelected{border-color:var(--accent)}[data-theme=dark] .lookupTextPillName{color:#111}[data-theme=dark] .lookupTextPillCapo{color:#555}[data-theme=dark] .lookupTextPillFingering{color:#333}[data-theme=dark] .lookupTextPillCapoNum{color:var(--accent)}.lookupDesktopLayout{flex-direction:column;gap:16px;padding:0 8px 24px;display:flex}.lookupDesktopNeck{grid-template-rows:1fr;width:100%;transition:grid-template-rows .5s;display:grid;overflow:hidden}.lookupDesktopNeck>*{min-height:0;overflow:hidden}.lookupDesktopNeck.hideNeckDesktop{grid-template-rows:0fr}.lookupDesktopBody{align-items:flex-start;gap:16px;display:flex}.lookupDesktopGalleryWrap{flex:1;min-width:0;padding:0 8px}.lookupDesktopRightRail{flex-direction:column;flex-shrink:0;align-items:center;gap:10px;display:flex}.lookupSheetBackdrop{z-index:200;background:#00000073;position:fixed;inset:0}.lookupSheet{background:var(--surface-raised,var(--surface));padding:0 0 env(safe-area-inset-bottom,0);z-index:201;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-sizing:border-box;border-top-left-radius:16px;border-top-right-radius:16px;width:100%;max-height:90vh;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 24px #0000002e}.lookupSheetHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.lookupSheetTitle{color:var(--text);font-size:16px;font-weight:700}.lookupSheetBody{padding:16px 20px}.lookupMobileLayout{flex-direction:row;align-items:flex-start;gap:8px;padding:0 6px 8px;display:flex}.lookupIconRail--mobile{flex-shrink:0;gap:8px;padding-top:8px}.lookupIconRail--mobile .msc-icon-button{width:44px;height:44px}.lookupIconRail--mobile .mscIconLabel{font-size:13px}.lookupIconRail--mobile .mscIconButtonWrap{gap:3px}.lookupIconRailGroup{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;align-self:stretch;align-items:center;gap:8px;padding:6px 4px;display:flex}.lookupMobileCenter{flex-direction:column;flex:1;gap:8px;min-width:0;padding-top:8px;display:flex}.findEmptyState{flex-direction:column;gap:10px;padding:16px 12px;display:flex}.findEmptyStatePanel{flex-direction:column;gap:10px;display:flex}.findEmptyState--columns{flex-direction:row;justify-content:space-evenly;align-items:flex-start;gap:32px;padding:24px 32px}.findEmptyState--columns .findEmptyStatePanel{flex:0 auto;gap:14px;width:calc(33.3333% - 21.3333px);min-width:0}.findEmptyState--columns .findEmptyStateText,.findEmptyState--columns .findEmptyStateRow{font-size:16px}.findEmptyState--columns .findEmptyStateRow img{width:26px;height:26px}.lookupDesktopEmptyStateWrap{flex:1;justify-content:center;align-items:center;min-height:300px;display:flex}.findEmptyStateRow{color:#000;align-items:flex-start;gap:8px;font-size:14px;display:flex}.findEmptyStateRow img{flex-shrink:0;width:20px;height:20px;margin-top:2px}.findEmptyStateText{color:#000;margin:0;font-size:14px}[data-theme=dark] .findEmptyStateRow,[data-theme=dark] .findEmptyStateText{color:var(--text)}[data-theme=dark] .findEmptyStateRow img{filter:invert()}.lookupMobileCenter .lookupPrimaryCard{flex-shrink:0;width:100%;min-width:0;max-width:194px;margin:0 auto}.lookupMobileNeck{flex-shrink:0;width:clamp(50px,16vw,84px)}.lookupGallery--vertical{flex:none;align-items:center;gap:2px;padding:0}.lookupGallery--vertical .lookupGalleryItems--diagrams{grid-template-columns:repeat(3,minmax(0,88px));justify-content:center}.lookupGallery--vertical .lookupGalleryItems--text{grid-template-columns:repeat(2,1fr)}.lookupGallery--vertical .lookupGalleryItem--diagrams{border-radius:7.5px}.lookupGallery--vertical .lookupGalleryChevron{margin:0 auto;padding:0 8px;font-size:32px;position:static;transform:none}.lookupGallery--vertical .lookupGalleryChevronUp{transform:rotate(-90deg)}.lookupGallery--vertical .lookupGalleryChevronDown{transform:rotate(90deg)}.libraryLayout--desktop{grid-template-columns:minmax(0,62fr) minmax(0,38fr);align-items:start;gap:1.5rem;display:grid}.libraryLayout--desktop .libraryLayoutCharts{top:var(--topbar-height);max-height:calc(100vh - var(--topbar-height) - 12px);max-height:calc(100dvh - var(--topbar-height) - 12px);position:sticky;overflow-y:auto}.libraryLayoutTabs{border-bottom:2px solid var(--border);align-items:flex-end;gap:0;margin-bottom:1rem;display:flex}.libraryLayoutTab{cursor:pointer;color:var(--text-soft);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:700;transition:color .12s,border-color .12s;display:inline-flex;position:relative;bottom:-2px}.libraryLayoutTab.isActive{color:var(--text);border-bottom-color:var(--text)}.libraryLayoutTab:hover:not(.isActive){color:var(--text-secondary)}.libraryLayout--mobile .libraryLayoutTabs{top:var(--topbar-height);z-index:25;background:var(--bg);position:sticky}.savedChordsStickyControls{top:calc(var(--topbar-height) + var(--library-tabs-height,0px));z-index:20;background:var(--bg);position:sticky}.savedChordsPage .savedChordsGroupTitle{top:calc(var(--topbar-height) + var(--library-tabs-height,0px) + var(--sc-controls-height,0px));z-index:15;position:sticky}.galleryCarousel{align-items:center;gap:4px;display:flex}.galleryCarouselChevron{color:var(--fg);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:6px;flex:none;padding:4px 6px;font-size:40px;line-height:1}.galleryCarouselChevron:hover:not(.galleryCarouselChevronDisabled){background:var(--surface-raised,#0000000d)}.galleryCarouselChevronDisabled{opacity:.25;cursor:default}.galleryCarouselTrack{scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:thin;flex:auto;gap:12px;min-width:0;padding:4px 2px 10px;display:flex;overflow-x:auto}.galleryCarouselTrack>*{flex:0 0 var(--sc-card-w,200px);width:var(--sc-card-w,200px);scroll-snap-align:start}@media (width<=900px){.galleryCarouselChevron{display:none}.galleryCarouselTrack>*{flex-basis:var(--sc-card-w-mobile,112px);width:var(--sc-card-w-mobile,112px)}}.savedChordsCardWrap{position:relative}.savedChordsCardWrapSelected{box-shadow:0 0 0 3px var(--accent);border-radius:var(--radius-lg)}.savedChordsCardWrap .savedChordsCheckbox{top:auto;bottom:8px}.savedChordsPage[data-display=large]{--sc-card-w:200px}.savedChordsPage[data-display=compact]{--sc-card-w:150px}.scDisplayControl{margin-left:auto}.scTextList{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.savedChordsCardDragging{opacity:.4}.savedChordsCardWrap:active{cursor:grabbing}.scTextPillWrap{cursor:grab}.scTextPillWrap:active{cursor:grabbing}.scTextPillWrap>.lookupTextPill{cursor:inherit}.manageListsRow.isDropTarget{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--surface));box-shadow:inset 0 0 0 2px var(--accent)}.manageListsRow.isDropDisabled{opacity:.45}.manageListsRow{position:relative}.manageListsRow.isAddTarget{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface));cursor:pointer}.manageListsRow.isAddTarget:hover{background:color-mix(in srgb, var(--accent) 16%, var(--surface));box-shadow:inset 0 0 0 2px var(--accent)}.manageListsRowContentAdd{cursor:pointer}.manageListsAddHint{background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--text-soft);border-radius:8px;margin:4px 0 10px;padding:8px 12px;font-size:13px}.savedChordsAddHint{color:var(--text-soft);align-self:center;padding:0 4px;font-size:13px}.manageListsRowDropAbove:before,.manageListsRowDropBelow:after{content:"";background:var(--accent);pointer-events:none;border-radius:2px;height:3px;position:absolute;left:0;right:0}.manageListsRowDropAbove:before{top:-5px}.manageListsRowDropBelow:after{bottom:-5px}.libraryLayout--desktop .libraryLayoutCharts .manageListsPage{padding-top:0}.libraryLayout--desktop .libraryLayoutCharts .savedChordsHeader{top:0}.libraryDragOverlayCard{background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius-md);color:var(--text);pointer-events:none;padding:8px 14px;font-weight:600;box-shadow:0 6px 18px #0000002e}.listDetailTextarea[contenteditable=true]{white-space:pre-wrap;overflow-wrap:anywhere;cursor:text;resize:none}.listDetailTextarea[contenteditable=true]:empty:before{content:attr(data-placeholder);color:var(--text-muted,#9aa0a6);pointer-events:none}.sbeChord{background:var(--accent);color:#fff;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:default;border-radius:4px;padding:1px 6px;font-size:12px;font-weight:600;line-height:1.6;display:inline-block}.sbeTs{border:1px solid var(--border-input);color:var(--text);background:var(--surface);-webkit-user-select:none;user-select:none;cursor:default;white-space:nowrap;border-radius:3px;margin:0 1px;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:inline-block}.sbeChord.sbeSelected,.sbeTs.sbeSelected{outline:2px solid var(--accent);outline-offset:1px;border-radius:4px}@media (width<=768px){.savedChordsHeader,.savedChordsHeader>div,.manageListsRow{flex-wrap:wrap}.lightboxPanel{width:calc(100vw - 84px);max-width:none;padding:12px}.lightboxNavRow{gap:6px}.lightboxNavBtn{padding:0 2px;font-size:32px}.lightboxPanel .reverseSvg{max-height:52vh}.lightboxCloseBtn{top:calc(env(safe-area-inset-top,0px) + 8px);color:#fff;z-index:220;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:26px;display:flex;position:fixed;right:12px}}.chunkErrorBanner{text-align:center;border:1px solid var(--border-input);background:var(--bg);max-width:420px;color:var(--text);border-radius:12px;margin:32px auto;padding:20px}.chunkErrorBanner p{margin:0 0 12px;font-size:15px}.chunkErrorBannerSub{color:var(--text-soft);font-size:13px}.chunkErrorBannerBtn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-weight:600}