: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;--active-fill:#696969;--danger:#b00020;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-full:999px;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;--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}:root{--topbar-height:58px}@media (width<=680px){:root{--topbar-height:108px}}.appShell{max-width:1100px;margin:0 auto;padding:12px;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}.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}.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:24px;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;padding:10px 16px;font-size:14px;font-weight:700;transition:color .12s,border-color .12s;position:relative;bottom:-2px}.navTab.isOn{color:var(--text);border-bottom-color:var(--text)}.navTab:hover:not(.isOn){color:var(--text-secondary)}.navTabShort{display:none}.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}@media (width<=680px){.brand{flex:1;align-items:center;min-width:0;display:flex}.brandWordmark{max-width:180px;height:auto}.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;padding:8px 6px;font-size:13px;bottom:0}.navTabLong{display:none}.navTabShort{display:inline}.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}.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(3,1fr);gap:10px;display:grid}@media (width<=860px){.byQualityGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.byQualityGrid{grid-template-columns:repeat(2,1fr)}}.byQualityCard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:8px 8px 10px;position:relative}.byQualityCardHeader{text-align:center;min-height:34px;padding:8px 8px 4px;position:relative}.byQualityCardName{font-size:20px;font-weight:800;line-height:1.1;display:block}.byQualityCardSaveBtn{cursor:pointer;color:var(--text-soft);background:0 0;border:none;padding:4px;line-height:1;transition:color .12s;position:absolute;top:6px;left:4px}.byQualityCardSaveBtn:hover{color:var(--accent)}.byQualityCardDiagram{background:var(--bg);border-radius:var(--radius-sm);overflow:hidden}.byQualityCardOpenBtn{border:1px solid var(--border-input);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);background:#ffffffe6;padding:2px 6px;font-size:13px;font-weight:700;line-height:1.5;transition:color .12s,background .12s,border-color .12s;position:absolute;bottom:8px;right:8px}.byQualityCardOpenBtn:hover{color:var(--text);background:var(--surface-hover);border-color:var(--text-soft)}.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)}}.scrollToTopBtn{border:1px solid var(--border-input);border-radius:var(--radius-full);color:var(--text-soft);cursor:pointer;background:0 0;margin:16px 0 0 auto;padding:6px 18px;font-size:12px;font-weight:700;transition:color .12s,border-color .12s;display:block}.scrollToTopBtn:hover{color:var(--text-secondary);border-color:var(--text-soft)}@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)}.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] .byQualityCardOpenBtn{background:#1e1e1ee6}[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}.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)}.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:#ffffff59;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:700}.userPanelComingSoonItem{padding:4px 0;font-size:13px}.userPanelComingSoonLocked{color:#ffffff4d}.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:var(--topbar-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;padding:7px 14px;font-size:13px;font-weight:700;transition:background .12s}.savedChordsSelectBtn:hover{background:#2563eb}.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{color:var(--text);background:var(--surface-raised,var(--surface));border-left:3px solid var(--accent);border-radius:var(--radius-sm);margin:0 0 14px;padding:8px 12px;font-size:13px;font-weight:700}.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}}.listDetailChordHeader{align-items:center;gap:10px;margin-top:4px;margin-bottom:10px;display:flex}.listDetailChordViewToggle{width:auto;max-width:none}.listDetailChordTextGrid{grid-template-columns:repeat(3,1fr);gap:6px 16px;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}.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}.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{max-width:900px;margin:0 auto;padding:20px}.listDetailHeaderLeft{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.listDetailBackBtn{border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;flex-shrink:0;padding:5px 11px;font-size:13px;font-weight:600;transition:background .1s}.listDetailBackBtn:hover{background:var(--surface-hover)}.listDetailNameInput{color:var(--text);background:var(--surface);border:1px solid var(--accent,#3b82f6);border-radius:var(--radius-sm);outline:none;flex:1;min-width:0;padding:4px 10px;font-size:20px;font-weight:700}.listDetailActions{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.listDetailDeleteListBtn{border-radius:var(--radius-sm);color:#ef4444;cursor:pointer;background:0 0;border:1px solid #fca5a5;padding:6px 14px;font-size:13px;font-weight:600;transition:background .1s}.listDetailDeleteListBtn:hover{background:#fef2f2}.listDetailCard{position:relative}.listDetailCardEditBar{align-items:center;gap:6px;margin-bottom: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:16px;display:flex}.scFilterSelect{color:var(--text);background:var(--surface);border:1px solid var(--border-input);border-radius:var(--radius-sm);cursor:pointer;min-width:130px;padding:5px 10px;font-size:13px}.scFilterSelect:focus{border-color:var(--accent);outline:none}.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)}.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);background:var(--surface);border-radius:var(--radius-sm);padding:10px 12px;font-size:15px}.chordBodyLine{grid-template-rows:auto auto;grid-auto-columns:max-content;grid-auto-flow:column;gap:0;margin-bottom:8px;display:grid}.chordBodyLyricRow{white-space:pre-wrap;color:var(--text);font-size:15px;line-height:1.6}.chordBodyCellPill{white-space:nowrap;grid-row:1;align-items:flex-end;min-height:22px;display:flex}.chordBodyCellText{white-space:pre;grid-row:2;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;margin-top:6px;padding:5px 12px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s}.listDetailInsertChordBtn:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.listDetailInsertChordBtn:disabled{opacity:.4;cursor:default}.listDetailMetaSection{flex-direction:column;gap:10px;margin-top:16px;display:flex}.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}.listDetailTitleBlock{text-align:center;pointer-events:none;white-space:nowrap;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;left:50%;transform:translate(-50%)}@media (width<=600px){.listDetailPage .savedChordsHeader{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.listDetailTitleBlock{white-space:normal;min-width:0;position:static;left:auto;transform:none}}.listDetailPage .savedChordsHeader{position:static}.listDetailDisplayTitlePrimary{color:var(--text);margin:0;font-size:20px;font-weight:800;line-height:1.2}.listDetailDisplaySubtitleSecondary{color:var(--text-secondary);font-size:15px;font-weight:600;line-height:1.3}.listDetailNameSmall{color:var(--text);font-size:13px;line-height:1.3}.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)}.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}}