.capo-selector{width:100%}.capo-selector__label{color:var(--theme-label);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:.68rem;font-weight:700;display:block}.capo-selector__wrapper{background:var(--theme-control-bg);box-shadow:inset 0 2px 5px var(--theme-control-shadow), 0 1px 0 var(--theme-control-highlight);border:1px solid var(--theme-control-border);border-radius:4px;padding:2px}.capo-selector__select{width:100%;color:var(--theme-text);cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23111' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 14px center no-repeat;border:none;border-radius:3px;padding:11px 14px;font-size:.85rem;font-weight:600}.capo-selector__select:focus{outline:none}.capo-selector__hint{color:#00000080;margin:6px 0 0;font-size:.62rem;line-height:1.35}.chord-diagram{background:#0000001a;border:1px solid #00000026;border-radius:4px;width:100%;max-width:300px;padding:12px}.chord-diagram--large{max-width:340px;padding:14px 16px}@media (width>=768px){.chord-diagram--large{max-width:400px;padding:18px 20px}.chord-diagram--large .chord-diagram__chord{font-size:1.4rem}.chord-diagram--large .chord-diagram__cell{height:38px}.chord-diagram--large .chord-diagram__dot{width:28px;height:28px;margin:-14px 0 0 -14px;font-size:.72rem}}@media (width>=1024px){.chord-diagram--large{max-width:min(520px,90%)}}@media (width>=1280px){.chord-diagram--large{max-width:min(580px,85%)}}.chord-diagram__summary{flex-direction:column;gap:2px;margin-bottom:10px;display:flex}.chord-diagram__chord{color:#111;font-size:1.1rem;font-weight:700}.chord-diagram--large .chord-diagram__chord{font-size:1.25rem}.chord-diagram__meta{color:#0000008c;text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:600}.chord-diagram__board{grid-template-columns:22px 1fr;gap:0 4px;display:grid}.chord-diagram__string-labels{text-align:center;color:#00000080;grid-column:2;grid-template-columns:repeat(6,1fr);margin-bottom:4px;font-size:.58rem;font-weight:700;display:grid}.chord-diagram--large .chord-diagram__string-labels{font-size:.65rem}.chord-diagram__nut-area{grid-column:2;min-height:14px;position:relative}.chord-diagram__nut{background:#111;border-radius:1px;height:3px;position:absolute;bottom:0;left:0;right:0}.chord-diagram__markers{text-align:center;grid-template-columns:repeat(6,1fr);font-size:.72rem;font-weight:700;line-height:1;display:grid}.chord-diagram--large .chord-diagram__markers{font-size:.82rem}.chord-diagram__marker--mute{color:#0000008c}.chord-diagram__marker--open{color:#111}.chord-diagram__grid{border-top:1px solid #00000040;flex-direction:column;grid-column:1/-1;display:flex}.chord-diagram__fret-row{border-bottom:1px solid #0000002e;grid-template-columns:22px repeat(6,1fr);display:grid}.chord-diagram__fret-label{color:#00000073;justify-content:flex-end;align-items:center;padding-right:4px;font-size:.58rem;font-weight:700;display:flex}.chord-diagram--large .chord-diagram__fret-label{font-size:.65rem}.chord-diagram__cell{border-right:1px solid #0003;height:28px;position:relative}.chord-diagram__cell:last-child{border-right:none}.chord-diagram--large .chord-diagram__cell{height:34px}.chord-diagram__dot{color:#f0c040;background:#111;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin:-10px 0 0 -10px;font-size:.55rem;font-weight:700;display:flex;position:absolute;top:50%;left:50%}.chord-diagram--large .chord-diagram__dot{width:24px;height:24px;margin:-12px 0 0 -12px;font-size:.62rem}.chord-diagram__dot--root{color:#fff;background:#c41e3a}.chord-shapes{flex-direction:column;width:100%;display:flex}.chord-shapes__legend{background:#0000000f;border:1px solid #0000001a;border-radius:4px;flex-shrink:0;margin-bottom:10px;padding:8px 10px}.chord-shapes__legend-title{text-transform:uppercase;letter-spacing:.08em;color:#00000080;margin:0 0 6px;font-size:.62rem;font-weight:700}.chord-shapes__legend-list{grid-template-columns:1fr 1fr;gap:4px 10px;margin:0;padding:0;list-style:none;display:grid}.chord-shapes__legend-list li{color:#0009;align-items:center;gap:6px;font-size:.62rem;line-height:1.3;display:flex}.chord-shapes__legend-dot{background:#111;border-radius:50%;flex-shrink:0;width:10px;height:10px}.chord-shapes__legend-dot--root{background:#c41e3a}.chord-shapes__legend-open,.chord-shapes__legend-mute{text-align:center;color:#0000008c;flex-shrink:0;width:12px;font-size:.72rem;font-weight:700}.chord-shapes__legend-note{color:#00000080;margin:6px 0 0;font-size:.6rem;line-height:1.4}.chord-shapes__legend-note strong{color:#111}.chord-shapes__degree-pick{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;gap:4px;margin-bottom:8px;display:flex;overflow-x:auto}.chord-shapes__degree-pick::-webkit-scrollbar{display:none}.chord-shapes__degree-btn{color:#0000008c;cursor:pointer;background:#0000001a;border:1px solid #0003;border-radius:4px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;min-width:44px;padding:6px 8px;display:flex}.chord-shapes__degree-btn--active{color:#111;background:linear-gradient(#e8c85a 0%,#c4a035 100%);border-color:#00000040}.chord-shapes__degree-num{font-size:.72rem;font-weight:700}.chord-shapes__degree-label{font-size:.58rem;font-weight:600}.chord-shapes__shape-pick{flex-shrink:0;gap:4px;margin-bottom:10px;display:flex}.chord-shapes__shape-btn{color:#0000008c;cursor:pointer;background:#0000001a;border:1px solid #0003;border-radius:3px;flex:1;padding:8px 0;font-size:.78rem;font-weight:700}.chord-shapes__shape-btn--active{color:#111;background:linear-gradient(#e8c85a 0%,#c4a035 100%);border-color:#00000040}.chord-shapes__shape-btn:disabled{opacity:.3;cursor:not-allowed}.chord-shapes__diagram{flex:1;justify-content:center;align-items:flex-start;width:100%;min-height:0;display:flex}@media (width>=1024px){.chord-shapes__diagram .chord-diagram--large{width:100%}}.chord-shapes__unavailable{color:#00000073;text-align:center;margin:0;padding:16px;font-size:.75rem;font-style:italic}.fretboard-view-toggle{background:#00000026;border:1px solid #0003;border-radius:4px;flex-shrink:0;gap:0;padding:3px;display:flex;box-shadow:inset 0 2px 5px #00000040,0 1px #ffffff1a}.fretboard-view-toggle__btn{color:#00000080;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;border:none;border-radius:3px;flex:1;padding:8px 16px;font-size:.72rem;font-weight:700;transition:all .12s}.fretboard-view-toggle__btn--active{color:#111;background:linear-gradient(#e8c85a 0%,#c4a035 100%);box-shadow:0 1px 3px #00000040,inset 0 1px #ffffff4d}.fretboard{flex-direction:column;width:100%;min-width:0;min-height:0;display:flex}.fretboard__header{flex-shrink:0;justify-content:flex-end;margin-bottom:6px;display:flex}.fretboard__capo-note{color:var(--theme-text-muted);flex-shrink:0;margin:0 0 6px;font-size:.65rem;line-height:1.4}.fretboard__scroll{-webkit-overflow-scrolling:touch;background:var(--theme-control-bg);width:100%;box-shadow:inset 0 3px 8px var(--theme-control-shadow), 0 1px 0 var(--theme-control-highlight);border:1px solid var(--theme-control-border);border-radius:4px;padding:10px 6px;overflow-x:auto}.fretboard__board{width:100%;min-width:max-content;position:relative}.fretboard__capo-bar{display:none}.fretboard__board--capo .fretboard__capo-bar{top:24px;bottom:0;left:calc(var(--fret-label-width) + var(--capo-fret) * var(--fret-cell-width) + var(--fret-cell-width) / 2 - 6px);background:linear-gradient(180deg, #7a62a8 0%, var(--theme-relative) 100%);z-index:3;pointer-events:none;border-radius:4px;width:12px;display:block;position:absolute;box-shadow:0 0 8px #5c4a7a8c,inset 0 1px #fff3}.fretboard__fret-numbers,.fretboard__string-row{grid-template-columns:var(--fret-label-width) repeat(var(--fret-count,16), minmax(var(--fret-cell-min), var(--fret-cell-width)));display:grid}.fretboard__fret-numbers{margin-bottom:4px}.fretboard__string-label{color:var(--theme-text);justify-content:center;align-items:center;font-size:.68rem;font-weight:700;display:flex}.fretboard__fret-num{color:var(--theme-text-muted);justify-content:center;align-items:center;height:20px;font-size:.58rem;display:flex;position:relative}.fretboard__fret-num--capo{color:var(--theme-relative);font-weight:700}.fretboard__marker-dot{background:#00000059;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-2px}.fretboard__string-row{border-top:1px solid #00000026}.fretboard__string-row--alt{background:#00000014}.fretboard__cell{height:var(--fret-cell-height);opacity:.3;border-right:1px solid #0000001a;flex-direction:column;justify-content:center;align-items:center;display:flex}.fretboard__cell--blocked{opacity:.12;background:repeating-linear-gradient(-45deg,#0000,#0000 3px,#0000000f 3px 6px)}.fretboard__cell--capo{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--theme-relative) 35%, transparent)}.fretboard__cell--in-scale{opacity:1;background:linear-gradient(180deg, var(--theme-fret-scale) 0%, var(--theme-fret-scale-end) 100%);border-radius:4px;margin:0;box-shadow:0 1px 3px #00000040,inset 0 1px #ffffff4d}.fretboard__cell--root.fretboard__cell--in-scale{background:linear-gradient(180deg, var(--theme-fret-root) 0%, var(--theme-fret-root-end) 100%);box-shadow:0 1px 4px #0000004d, inset 0 0 0 1px color-mix(in srgb, var(--theme-accent) 35%, transparent)}.fretboard__cell--in-scale.fretboard__cell--blocked{opacity:.12;box-shadow:none;background:repeating-linear-gradient(-45deg,#0000,#0000 3px,#0000000f 3px 6px)}.fretboard__note-name{color:var(--theme-text);font-size:.78rem;font-weight:700;line-height:1}.fretboard__cell--root .fretboard__note-name{color:var(--theme-accent)}.fretboard--dots .fretboard__string-row{border-top:2px solid #00000038}.fretboard--dots .fretboard__cell{opacity:1;background:0 0}.fretboard--dots .fretboard__cell--blocked{opacity:.35}.fretboard--dots .fretboard__cell--in-scale{box-shadow:none;background:0 0;border-radius:0;margin:0}.fretboard__scale-dot{min-width:20px;height:20px;color:var(--theme-fret-scale);background:#111;border:2px solid #111;border-radius:10px;justify-content:center;align-items:center;padding:0 3px;font-size:.5rem;font-weight:700;line-height:1;display:flex;box-shadow:0 1px 3px #0000004d}.fretboard__scale-dot--root{background:var(--theme-accent);color:#fff;border-color:#111;min-width:22px;height:22px;font-size:.55rem}.fretboard--compact{flex:none;min-height:0}.fretboard--compact .fretboard__scroll{flex-direction:column;flex:none;min-height:0;padding:8px 10px;display:flex;overflow:hidden}.fretboard--compact .fretboard__board{flex-direction:column;flex:none;width:100%;min-height:0;display:flex}.fretboard--compact .fretboard__fret-numbers,.fretboard--compact .fretboard__string-row{grid-template-columns:var(--fret-label-width) repeat(var(--fret-count,25), minmax(0, 1fr));width:100%}.fretboard--compact .fretboard__fret-numbers{flex-shrink:0}.fretboard--compact .fretboard__string-row{height:var(--fret-cell-height);flex:none}.fretboard--compact .fretboard__header{margin-bottom:4px}.fretboard--compact .fretboard__capo-note{margin-bottom:4px;font-size:.58rem}.fretboard--compact .fretboard__string-label{font-size:clamp(.62rem,1.1vw,.78rem)}.fretboard--compact .fretboard__fret-num{height:18px;font-size:clamp(.48rem,.9vw,.62rem)}.fretboard--compact .fretboard__cell{height:100%;min-height:var(--fret-cell-height);padding:2px}.fretboard--compact .fretboard__cell--in-scale{padding:3px}.fretboard--compact .fretboard__note-name{text-align:center;width:100%;font-size:clamp(.58rem,1.4vw,.9rem)}.fretboard--compact .fretboard__scale-dot{width:calc(100% - 4px);min-width:18px;max-width:36px;height:calc(100% - 4px);max-height:32px;font-size:clamp(.42rem,1vw,.62rem)}.fretboard--compact .fretboard__scale-dot--root{max-width:40px;max-height:36px;font-size:clamp(.46rem,1.1vw,.68rem)}.fretboard--compact .fretboard__board--capo .fretboard__capo-bar{top:20px;left:calc(var(--fret-label-width) + (var(--capo-fret) + .5) / var(--fret-count) * (100% - var(--fret-label-width)) - 6px)}@media (width>=768px){.fretboard__scroll{padding:14px 10px}.fretboard__string-label{font-size:.78rem}.fretboard__fret-num{height:24px;font-size:.68rem}.fretboard__note-name{font-size:.88rem}.fretboard__scale-dot{width:22px;height:22px;font-size:.62rem}.fretboard__scale-dot--root{width:26px;height:26px;font-size:.7rem}}@media (width<=380px){.fretboard__note-name{font-size:.7rem}}.key-dial{touch-action:none;-webkit-user-select:none;user-select:none;margin:0 auto;position:relative;overflow:visible}.key-dial--transpose .key-dial__scale-ring,.key-dial--transpose .key-dial__scale-dot{display:none}.key-dial--transpose .key-dial__label{color:#000;min-width:20px;height:20px;font-size:.62rem;font-weight:700}.key-dial--transpose .key-dial__label--active{color:#000;font-size:.7rem;font-weight:800}.key-dial--transpose .key-dial__knob{width:72px;height:72px;margin:-36px 0 0 -36px}.key-dial--transpose .key-dial__knob-readout{width:40px;height:40px;margin:-20px 0 0 -20px}.key-dial--transpose .key-dial__knob-top{box-shadow:inset 0 2px 6px #ffffff8c,inset 0 -3px 8px #0003,0 1px #ffffff4d}.key-dial--transpose .key-dial__center-label{color:#000;font-size:.82rem}.key-dial--transpose .key-dial__center-sub{margin-top:2px;font-size:.38rem}.key-dial__cof-outer{z-index:0;position:absolute;inset:0;overflow:visible}.key-dial__cof-svg{pointer-events:none;display:block}.key-dial__cof-band{fill:#0003;stroke:#00000038;stroke-width:1px}.key-dial__cof-band-hole{fill:var(--theme-cof-hole)}.key-dial__cof-cell{z-index:2;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-direction:column;align-items:center;gap:1px;min-width:28px;max-width:36px;padding:2px 3px;line-height:1;display:flex;position:absolute}.key-dial__cof-cell--selected{background:#00000024}.key-dial__cof-major{color:#000000b8;font-size:.56rem;font-weight:700}.key-dial__cof-signature{color:#00000094;font-size:.44rem;font-weight:600}.key-dial__cof-minor{color:#00000085;font-size:.46rem;font-style:italic}.key-dial__cof-cell--selected .key-dial__cof-major{color:#111}.key-dial__cof-cell--selected .key-dial__cof-signature,.key-dial__cof-cell--selected .key-dial__cof-minor{color:#000000bf}.key-dial__relative-tick{stroke:var(--relative);stroke-width:2.5px;opacity:.9}.key-dial__face{touch-action:none;z-index:1;background:0 0;border-radius:50%;position:absolute}.key-dial__svg{pointer-events:none;display:block;position:absolute;top:0;left:0}.key-dial__svg--base{z-index:1}.key-dial__scale-ring{fill:none;stroke:#0000001f;stroke-width:1px}.key-dial__scale-dot{fill:#111;opacity:.7}.key-dial__scale-dot--active{fill:#111;opacity:1}.key-dial__label{z-index:2;color:#111;cursor:pointer;background:0 0;border:none;border-radius:50%;min-width:26px;height:26px;padding:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.78rem;font-weight:400;transition:color .12s,font-weight .12s;position:absolute;transform:translate(-50%,-50%)}.key-dial__label--active{color:#111;font-size:.88rem;font-weight:700}.key-dial__label--relative{color:var(--relative);font-weight:600}.key-dial__knob{z-index:4;width:132px;height:132px;margin:-66px 0 0 -66px;position:absolute;top:50%;left:50%}.key-dial__knob-rotator{filter:drop-shadow(0 3px 5px #00000047);transition:transform .1s ease-out;position:absolute;inset:0}.key-dial__knob-top{background:repeating-conic-gradient(from 0deg at 50% 50%, var(--theme-knob-light) 0deg .8deg, var(--theme-knob-mid) .8deg 1.6deg, var(--theme-knob-light) 1.6deg 2.4deg, var(--theme-knob-dark) 2.4deg 3.2deg), radial-gradient(circle at 42% 38%, var(--theme-knob-highlight) 0%, var(--theme-knob-light) 35%, var(--theme-knob-mid) 65%, var(--theme-knob-dark) 100%);box-shadow:inset 0 2px 6px #ffffff8c, inset 0 -3px 8px #0003, 0 1px 0 #ffffff4d, 0 0 0 3px var(--theme-knob-ring), 0 0 0 4px #00000026;border-radius:50%;position:absolute;inset:0;overflow:hidden}.key-dial__knob-top:after{content:"";pointer-events:none;background:radial-gradient(circle at 38% 32%,#ffffff73 0%,#0000 45%);border-radius:50%;position:absolute;inset:0}.key-dial__knob-line{z-index:2;background:#111;border-radius:1px;width:2.5px;height:38%;position:absolute;top:11%;left:calc(50% - 1.25px);box-shadow:0 0 1px #00000080}.key-dial__knob-readout{z-index:6;text-align:center;pointer-events:none;background:radial-gradient(circle at 40% 35%, var(--theme-knob-highlight) 0%, var(--theme-knob-light) 50%, var(--theme-knob-mid) 100%);border:1px solid #0000001f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:64px;height:64px;margin:-32px 0 0 -32px;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 2px 6px #00000059,inset 0 1px 3px #ffffff80,inset 0 -2px 4px #00000026}.key-dial__center-label{color:#111;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.15rem;font-weight:700;line-height:1}.key-dial__center-sub{color:#0000008c;text-transform:uppercase;letter-spacing:.14em;margin-top:3px;font-size:.44rem;font-weight:700}.key-dial__center-relative{color:var(--relative);letter-spacing:.02em;margin-top:2px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.42rem}.nashville{width:100%}.nashville__title{color:var(--theme-label);text-transform:uppercase;letter-spacing:.1em;margin:0 0 5px;font-size:.62rem;font-weight:700}.nashville__grid{grid-template-columns:repeat(var(--scale-count,7), 1fr);gap:5px;display:grid}.nashville__cell{background:#00000026;border:1px solid #00000026;border-radius:4px;flex-direction:column;align-items:center;padding:6px 2px;display:flex;box-shadow:inset 0 2px 4px #00000040,0 1px #ffffff1a}.nashville__number{color:var(--theme-accent);font-size:.95rem;font-weight:700;line-height:1.2}.nashville__chord{color:var(--theme-text-muted);margin-top:2px;font-size:.6rem;font-weight:700}.nashville__cell--minor .nashville__chord{color:var(--theme-text-muted);opacity:.85}.nashville__cell--minor .nashville__number{color:var(--theme-relative)}.nashville__cell--dim .nashville__chord,.nashville__cell--aug .nashville__chord{color:#00000073;font-size:.52rem}@media (width>=768px){.nashville__title{font-size:.72rem}.nashville__cell{padding:10px 4px}.nashville__number{font-size:1.1rem}.nashville__chord{font-size:.68rem}}@media (width>=960px){.nashville__title{margin-bottom:3px;font-size:.58rem}.nashville__grid{gap:4px}.nashville__cell{padding:5px 2px}.nashville__number{font-size:.9rem}.nashville__chord{font-size:.58rem}}@media (width<=380px){.nashville__grid{gap:3px}.nashville__cell{padding:7px 2px}.nashville__number{font-size:.8rem}}.scale-selector{width:100%}.scale-selector__label{color:var(--theme-label);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:.68rem;font-weight:700;display:block}.scale-selector__wrapper{background:var(--theme-control-bg);box-shadow:inset 0 2px 5px var(--theme-control-shadow), 0 1px 0 var(--theme-control-highlight);border:1px solid var(--theme-control-border);border-radius:4px;padding:2px}.scale-selector__select{width:100%;color:var(--theme-text);cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23111' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 14px center no-repeat;border:none;border-radius:3px;padding:11px 14px;font-size:.85rem;font-weight:600}.scale-selector__select:focus{outline:none}.theme-jack{z-index:4;position:absolute;top:12px;left:14px}.theme-jack__input{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:transform .12s;display:flex;position:relative}.theme-jack__input:hover{transform:scale(1.06)}.theme-jack__input:focus-visible{outline-offset:3px;outline:2px solid #ffffff80}.theme-jack__plate{background:radial-gradient(circle at 35% 30%, #888 0%, var(--theme-jack-plate) 45%, #1a1a1a 100%);border-radius:50%;position:absolute;inset:0;box-shadow:0 2px 4px #0009,inset 0 1px #ffffff40}.theme-jack__ring{background:linear-gradient(145deg,#c8c8c8 0%,#707070 50%,#a0a0a0 100%);border:2px solid #888;border-radius:50%;width:22px;height:22px;position:absolute;box-shadow:inset 0 1px 2px #fff9,inset 0 -1px 2px #0006}.theme-jack__hole{background:radial-gradient(circle at 40% 35%,#1a1a1a 0%,#000 70%);border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:inset 0 1px 3px #000000e6}.theme-jack__input--open .theme-jack__ring{border-color:var(--theme-accent);box-shadow:0 0 6px color-mix(in srgb, var(--theme-accent) 50%, transparent), inset 0 1px 2px #fff9}.theme-jack__menu{background:#121212f5;border:1px solid #ffffff1f;border-radius:6px;flex-direction:column;gap:4px;min-width:200px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 8px 24px #0000008c,inset 0 1px #ffffff0f}.theme-jack__option{color:#ffffffd9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;flex-direction:column;align-items:flex-start;gap:1px;width:100%;padding:8px 10px;transition:background .1s;display:flex}.theme-jack__option:hover{background:#ffffff14}.theme-jack__option--active{background:color-mix(in srgb, var(--theme-accent) 22%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--theme-accent) 40%, transparent)}.theme-jack__option-name{font-size:.78rem;font-weight:700;line-height:1.2}.theme-jack__option-sub{color:#ffffff73;font-size:.6rem;line-height:1.2}@media (width>=960px){.theme-jack{top:8px;left:12px}.theme-jack__input{width:32px;height:32px}.theme-jack__ring{width:20px;height:20px}.theme-jack__hole{width:7px;height:7px}}.transpose-conversion{background:#00000014;border:1px solid #0000001f;border-radius:4px;width:100%;max-width:220px;padding:10px 12px}.transpose-conversion--idle{color:#00000080;text-align:center;max-width:200px;margin:0;font-size:.62rem;line-height:1.4}.transpose-conversion__summary{color:#111;margin:0 0 4px;font-size:.62rem;font-weight:700;line-height:1.35}.transpose-conversion__interval{color:var(--relative);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px;font-size:.58rem;font-weight:600}.transpose-conversion__list{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.transpose-conversion__row{grid-template-columns:28px 1fr 14px 1fr;align-items:center;gap:4px;font-size:.58rem;display:grid}.transpose-conversion__degree{color:var(--theme-accent);font-weight:700}.transpose-conversion__from{color:#00000073;text-align:right}.transpose-conversion__arrow{text-align:center;color:#00000059;font-size:.52rem}.transpose-conversion__to{color:#111;font-weight:700}@media (width>=768px){.transpose-conversion{max-width:min(280px,100%)}.transpose-conversion__row{font-size:.62rem}}@media (width>=960px){.transpose-conversion{max-width:180px;padding:6px 8px}.transpose-conversion--idle{max-width:160px;padding:4px 6px;font-size:.55rem}.transpose-conversion__summary{margin-bottom:2px;font-size:.55rem}.transpose-conversion__interval{margin-bottom:4px;font-size:.52rem}.transpose-conversion__list{gap:2px}.transpose-conversion__row{grid-template-columns:22px 1fr 12px 1fr;gap:2px;font-size:.52rem}.transpose-conversion__degree{color:var(--theme-accent)}}.instrument-selector{width:100%}.instrument-selector__label{color:var(--theme-label);text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px;font-size:.62rem;font-weight:700;display:block}.instrument-selector__tabs{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.instrument-selector__btn{border:1px solid var(--theme-control-border);background:var(--theme-control-bg);color:var(--theme-text-muted);letter-spacing:.02em;cursor:pointer;border-radius:4px;padding:8px 4px;font-size:.62rem;font-weight:700;transition:background .12s,color .12s,border-color .12s}.instrument-selector__btn--active{background:var(--theme-tab-active);color:var(--theme-text);border-color:color-mix(in srgb, var(--theme-text) 25%, transparent);box-shadow:0 1px 3px #0003}@media (width>=960px){.instrument-selector__label{margin-bottom:3px;font-size:.55rem}.instrument-selector__btn{padding:6px 2px;font-size:.55rem}}@media (width<=380px){.instrument-selector__btn{padding:7px 2px;font-size:.55rem}}.tuning-selector{width:100%}.tuning-selector__label{color:var(--theme-label);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:.62rem;font-weight:700;display:block}.tuning-selector__wrapper{background:var(--theme-control-bg);box-shadow:inset 0 2px 5px var(--theme-control-shadow), 0 1px 0 var(--theme-control-highlight);border:1px solid var(--theme-control-border);border-radius:4px;padding:2px}.tuning-selector__select{width:100%;color:var(--theme-text);cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23111' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 14px center no-repeat;border:none;border-radius:3px;padding:8px 14px;font-size:.85rem;font-weight:600}.tuning-selector__select:focus{outline:none}.view-tabs{flex-shrink:0;gap:6px;margin-bottom:6px;display:flex}.view-tabs__btn{background:var(--theme-control-bg);color:var(--theme-text-muted);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:1px solid #0003;border-radius:4px;flex:1;padding:10px 12px;font-size:.78rem;font-weight:700;transition:background .12s,color .12s}.view-tabs__btn--active{background:var(--theme-tab-active);color:var(--theme-text);border-color:#00000040;box-shadow:0 1px 3px #0003}@media (width>=768px){.view-tabs__btn{padding:12px 16px;font-size:.88rem}}@media (width>=960px){.view-tabs{margin-bottom:4px}.view-tabs__btn{padding:8px 12px;font-size:.78rem}}.app{width:100%;max-width:none;min-height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);flex-direction:column;margin:0;display:flex}.amp{flex-direction:column;width:100%;min-height:100dvh;display:flex;overflow:visible}.amp__grille{background-color:var(--theme-grille-bg);background-image:repeating-linear-gradient(0deg, transparent, transparent 2px, var(--theme-grille-line) 2px, var(--theme-grille-line) 3px), repeating-linear-gradient(90deg, transparent, transparent 2px, var(--theme-grille-line) 2px, var(--theme-grille-line) 3px), radial-gradient(ellipse at 50% 0%, var(--theme-grille-highlight) 0%, var(--theme-grille-bg) 100%);border-bottom:2px solid #000;flex-shrink:0;justify-content:center;align-items:center;width:100%;min-height:148px;padding:28px 20px;display:flex;position:relative}.amp__grille:before{content:"";background:repeating-linear-gradient(45deg, transparent 0 3px, var(--theme-grille-mesh) 3px 4px);pointer-events:none;position:absolute;inset:0}.amp__header{flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.amp__logo{color:var(--theme-logo-color);letter-spacing:.02em;text-shadow:0 2px #000000e6,0 4px 12px #000000b3,0 0 30px #ffffff1f;filter:drop-shadow(0 1px #ffffff59);margin:0;font-size:clamp(2.8rem,12vw,3.6rem);font-weight:400;line-height:1}.amp__subtitle{color:var(--theme-subtitle-color);letter-spacing:.06em;text-shadow:0 1px 4px #000000d9;margin:0;font-size:clamp(.75rem,2.8vw,.95rem);font-weight:400;line-height:1.2}.amp__panel{background:linear-gradient(180deg, var(--theme-panel-shine) 0%, transparent 8%, transparent 92%, var(--theme-panel-shadow) 100%), repeating-linear-gradient(90deg, var(--theme-panel-stripe-1) 0px, var(--theme-panel-stripe-2) 1px, var(--theme-panel-stripe-3) 2px, var(--theme-panel-stripe-4) 3px, var(--theme-panel-base) 4px);flex:1;width:100%;padding:16px 16px 20px;overflow:visible;box-shadow:inset 0 3px 8px #ffffff40,inset 0 -4px 10px #0003}.amp--orange .amp__panel{background:var(--theme-panel-base);box-shadow:inset 0 2px #fff9,inset 0 -6px #1a1a1a}.amp--mesa .amp__panel{background:var(--theme-panel-base);box-shadow:inset 0 1px #ffffff0f,inset 0 -2px 8px #00000080}.amp--vox .amp__panel{background:var(--theme-panel-base);border-top:3px solid var(--theme-grille-border);box-shadow:inset 0 2px 6px #00000059}.amp--orange .amp__grille{border:4px solid var(--theme-body-bg);border-bottom:2px solid #000}.amp--vox .amp__grille{border:3px solid var(--theme-grille-border);border-radius:2px;width:calc(100% - 16px);margin:0 8px}[data-theme=mesa] .amp__grille{background-color:var(--theme-grille-bg);background-image:repeating-linear-gradient(45deg,#ffffff0f 0 2px,#0000 2px 8px),repeating-linear-gradient(-45deg,#0000001a 0 2px,#0000 2px 8px),linear-gradient(#b0b6be 0%,#7a8088 100%)}[data-theme=vox] .amp__grille{background-color:var(--theme-grille-bg);background-image:repeating-linear-gradient(60deg,#0000 0 10px,#d4af5a2e 10px 11px),repeating-linear-gradient(-60deg,#0000 0 10px,#d4af5a2e 10px 11px),radial-gradient(#5c2840 0%,#3a1828 100%)}[data-theme=orange] .instrument-selector__btn--active,[data-theme=orange] .view-tabs__btn--active{color:#fff}.amp__brand{flex-direction:column;gap:2px;margin-bottom:12px;padding-left:4px;display:flex}.amp__brand-detail{color:var(--theme-text-faint);text-transform:uppercase;letter-spacing:.1em;font-size:.62rem;font-weight:600}.amp__brand-shape-key{color:var(--theme-relative);letter-spacing:.04em;font-size:.58rem;font-weight:600}.app__main{gap:var(--content-gap);flex-direction:column;width:100%;display:flex;overflow:visible}.app__col-dial{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex;overflow:visible}.app__col-controls{flex-direction:column;gap:12px;width:100%;min-width:0;display:flex}.app__col-view{flex-direction:column;width:100%;min-width:0;display:flex}.app__dials-row{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.app__dial-primary,.app__dial-transpose{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex;overflow:visible}.app__dial-primary{width:min(100%, calc(360px * var(--dial-scale) + 24px))}.app__dial-primary .key-dial{transform:scale(var(--dial-scale));transform-origin:top}.app__transpose-block{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.app__transpose-block .scale-selector{width:100%;max-width:320px}.app__dial-label{color:var(--theme-label);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.62rem;font-weight:700}.app__controls-row{grid-template-columns:1fr;gap:10px;display:grid}.app__tab-panel{flex:1;width:100%;min-width:0;min-height:0}.amp__tolex{background-color:var(--theme-tolex-bg);background-image:radial-gradient(circle at 20%,#ffffff0a 0 1px,#0000 1px),radial-gradient(circle at 60% 30%,#ffffff08 0 1px,#0000 1px),radial-gradient(circle at 80% 70%,#0006 0 2px,#0000 2px);background-size:6px 6px,8px 8px,10px 10px;border-top:2px solid #000;flex-shrink:0;width:100%;height:28px;box-shadow:inset 0 2px 4px #0009}@media (width>=600px){.amp__panel{padding:20px clamp(20px,3vw,40px) 24px}.app__controls-row{grid-template-columns:1fr 1fr;gap:12px}.app__transpose-block{flex-flow:wrap;justify-content:center;align-items:flex-start;gap:16px}.app__transpose-block .scale-selector{flex:1;min-width:200px;max-width:260px}}@media (width>=768px){.amp__grille{min-height:clamp(88px,10vh,120px);padding:clamp(16px,2.5vh,24px) clamp(20px,3vw,40px)}.amp__logo{font-size:clamp(2.2rem,4vw,3.4rem)}.amp__subtitle{font-size:clamp(.7rem,2vw,.88rem)}.amp__panel{padding:clamp(20px,2.5vw,32px) clamp(24px,3vw,48px) clamp(24px,3vw,36px)}.amp__brand-detail,.amp__brand-shape-key{font-size:.68rem}}@media (width>=960px){.app{height:100dvh;min-height:100dvh;overflow:hidden}.amp{height:100%;min-height:0;overflow:hidden}.amp__grille{min-height:58px;padding:6px 20px 8px}.amp__logo{font-size:clamp(1.6rem,2.8vw,2.2rem)}.amp__subtitle{font-size:clamp(.58rem,1vw,.72rem)}.amp__panel{flex-direction:column;flex:1;min-height:0;padding:8px clamp(16px,2vw,32px) 10px;display:flex;overflow:hidden}.amp__brand{flex-shrink:0;margin-bottom:4px}.amp__brand-detail{font-size:.58rem}.app__main--desktop{flex:1;grid-template:"dial controls""view view"minmax(0,1fr)/minmax(300px,34vw) minmax(0,1fr);gap:12px 16px;min-height:0;display:grid;overflow:hidden}.app__col-dial{grid-area:dial;justify-content:flex-start;align-self:start;align-items:center;gap:0;padding-top:0;overflow:visible}.app__col-controls{grid-area:controls;justify-content:flex-start;align-self:start;gap:6px;overflow:hidden}.app__col-view{border-top:1px solid #0000001f;grid-area:view;gap:6px;min-height:0;padding-top:4px;overflow:hidden}.app__dial-primary{width:min(100%,340px);padding-bottom:0}.app__dial-primary .key-dial{transform:scale(var(--dial-scale));transform-origin:top}.app__transpose-block{flex-direction:row;align-items:flex-start;gap:8px;width:100%}.app__dial-transpose{flex:none;gap:2px}.app__dial-transpose .app__dial-label{margin-bottom:0;font-size:.55rem}.app__transpose-block .scale-selector{flex:1;min-width:0;max-width:none;margin-top:0}.app__transpose-block .scale-selector__label{margin-bottom:3px;font-size:.55rem}.app__transpose-block .scale-selector__select{padding:7px 10px;font-size:.75rem}.app__controls-row{gap:8px}.app__col-controls .tuning-selector__select,.app__col-controls .capo-selector__select{padding:7px 10px;font-size:.75rem}.app__col-controls .tuning-selector__label,.app__col-controls .capo-selector__label{margin-bottom:3px;font-size:.55rem}.app__tab-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.app__tab-panel .fretboard{flex:none;min-height:0}.app__tab-panel{overflow-y:auto}}@media (width>=1024px){.app__main--desktop{grid-template-columns:minmax(320px,32vw) minmax(0,1fr);gap:8px 20px}}@media (width>=1280px){.app__main--desktop{grid-template-columns:minmax(340px,30vw) minmax(0,1fr)}}@media (height<=500px) and (orientation:landscape){.amp__grille{min-height:56px;padding:6px 16px}.amp__logo{font-size:1.6rem}.amp__subtitle{font-size:.58rem}}:root,[data-theme=marshall]{--theme-body-bg:#0a0a0a;--theme-grille-bg:#111;--theme-grille-highlight:#1a1a1a;--theme-grille-line:#ffffff0a;--theme-grille-mesh:#0000002e;--theme-grille-border:transparent;--theme-grille-extra:none;--theme-panel-base:#c4a035;--theme-panel-stripe-1:#c9a227;--theme-panel-stripe-2:#d4b84a;--theme-panel-stripe-3:#b8941f;--theme-panel-stripe-4:#cfa830;--theme-panel-shine:#ffffff24;--theme-panel-shadow:#0000002e;--theme-panel-mode:stripes;--theme-tolex-bg:#0a0a0a;--theme-logo-color:#f5f5f5;--theme-subtitle-color:#f5f5f580;--theme-text:#111;--theme-text-muted:#0000008c;--theme-text-faint:#00000038;--theme-label:#0000008c;--theme-accent:#c41e3a;--theme-relative:#5c4a7a;--theme-knob-light:#e8c85a;--theme-knob-mid:#c9a227;--theme-knob-dark:#9a7b28;--theme-knob-highlight:#f5e6a8;--theme-knob-ring:#2a2a2a;--theme-fret-scale:#e8c85a;--theme-fret-scale-end:#c4a035;--theme-fret-root:#f0d878;--theme-fret-root-end:#d4b84a;--theme-tab-active:linear-gradient(180deg, #e8c85a 0%, #c4a035 100%);--theme-control-bg:#00000026;--theme-control-border:#0003;--theme-control-shadow:#0000004d;--theme-control-highlight:#ffffff1a;--theme-cof-hole:#c4a035;--theme-jack-plate:#3a3a3a}[data-theme=orange] .key-dial__cof-major,[data-theme=orange] .key-dial__label{color:#000c}[data-theme=mesa] .key-dial__cof-major,[data-theme=mesa] .key-dial__label,[data-theme=mesa] .key-dial__center-label{color:#e8e8e8}[data-theme=mesa] .key-dial__cof-signature,[data-theme=mesa] .key-dial__cof-minor{color:#dcdcdca6}[data-theme=vox] .key-dial__cof-major,[data-theme=vox] .key-dial__label,[data-theme=vox] .key-dial__center-label{color:#f5f0e0}[data-theme=vox] .key-dial__cof-signature,[data-theme=vox] .key-dial__cof-minor{color:#d4af5ab3}[data-theme=orange]{--theme-body-bg:#e85d04;--theme-grille-bg:#1a1a1a;--theme-grille-highlight:#222;--theme-grille-line:#ffffff08;--theme-grille-mesh:#0003;--theme-grille-border:#f58220;--theme-grille-extra:none;--theme-panel-base:#f8f4ec;--theme-panel-stripe-1:#f8f4ec;--theme-panel-stripe-2:#fffdf8;--theme-panel-stripe-3:#f0ebe0;--theme-panel-stripe-4:#f8f4ec;--theme-panel-shine:#ffffff80;--theme-panel-shadow:#00000014;--theme-panel-mode:solid;--theme-tolex-bg:#d35400;--theme-logo-color:#f58220;--theme-subtitle-color:#ffb450bf;--theme-text:#111;--theme-text-muted:#00000094;--theme-text-faint:#00000047;--theme-label:#0000008c;--theme-accent:#e85d04;--theme-relative:#8b4513;--theme-knob-light:#333;--theme-knob-mid:#1a1a1a;--theme-knob-dark:#000;--theme-knob-highlight:#555;--theme-knob-ring:#111;--theme-fret-scale:#ff8c2a;--theme-fret-scale-end:#e85d04;--theme-fret-root:#ffb347;--theme-fret-root-end:#ff7b00;--theme-tab-active:linear-gradient(180deg, #1a1a1a 0%, #333 100%);--theme-control-bg:#0000001f;--theme-control-border:#00000038;--theme-control-shadow:#00000040;--theme-control-highlight:#fff3;--theme-cof-hole:#f8f4ec;--theme-jack-plate:#1a1a1a}[data-theme=mesa]{--theme-body-bg:#0d0d0d;--theme-grille-bg:#8a9098;--theme-grille-highlight:#a8adb4;--theme-grille-line:#ffffff14;--theme-grille-mesh:#0000001f;--theme-grille-border:#1a1a1a;--theme-grille-extra:diamond-plate;--theme-panel-base:#141414;--theme-panel-stripe-1:#161616;--theme-panel-stripe-2:#1a1a1a;--theme-panel-stripe-3:#121212;--theme-panel-stripe-4:#181818;--theme-panel-shine:#ffffff0a;--theme-panel-shadow:#0006;--theme-panel-mode:dark;--theme-tolex-bg:#0a0a0a;--theme-logo-color:#f0f0f0;--theme-subtitle-color:#c8c8c880;--theme-text:#e8e8e8;--theme-text-muted:#dcdcdc8c;--theme-text-faint:#c8c8c847;--theme-label:#dcdcdc8c;--theme-accent:#d42020;--theme-relative:#7a8a9a;--theme-knob-light:#d8d8d8;--theme-knob-mid:#a0a0a0;--theme-knob-dark:#606060;--theme-knob-highlight:#f0f0f0;--theme-knob-ring:#333;--theme-fret-scale:#888;--theme-fret-scale-end:#555;--theme-fret-root:#ccc;--theme-fret-root-end:#888;--theme-tab-active:linear-gradient(180deg, #888 0%, #555 100%);--theme-control-bg:#ffffff0f;--theme-control-border:#ffffff1f;--theme-control-shadow:#00000080;--theme-control-highlight:#ffffff0d;--theme-cof-hole:#141414;--theme-jack-plate:#555}[data-theme=vox]{--theme-body-bg:#1a1410;--theme-grille-bg:#4a2030;--theme-grille-highlight:#5c2840;--theme-grille-line:#d4af5a26;--theme-grille-mesh:#00000026;--theme-grille-border:#f5f0e0;--theme-grille-extra:diamond-lattice;--theme-panel-base:#2a2218;--theme-panel-stripe-1:#2e261c;--theme-panel-stripe-2:#322a20;--theme-panel-stripe-3:#282018;--theme-panel-stripe-4:#2e261c;--theme-panel-shine:#d4af5a0f;--theme-panel-shadow:#00000040;--theme-panel-mode:dark;--theme-tolex-bg:#141010;--theme-logo-color:#d4af37;--theme-subtitle-color:#d4af5a8c;--theme-text:#f5f0e0;--theme-text-muted:#f5f0e08c;--theme-text-faint:#d4af5a4d;--theme-label:#d4af5a99;--theme-accent:#c9a227;--theme-relative:#8a7050;--theme-knob-light:#d4af37;--theme-knob-mid:#a08030;--theme-knob-dark:#6a5020;--theme-knob-highlight:#f0e0b0;--theme-knob-ring:#1a1410;--theme-fret-scale:#d4af37;--theme-fret-scale-end:#a08030;--theme-fret-root:#f0e0a0;--theme-fret-root-end:#c9a227;--theme-tab-active:linear-gradient(180deg, #d4af37 0%, #a08030 100%);--theme-control-bg:#00000040;--theme-control-border:#d4af5a33;--theme-control-shadow:#0006;--theme-control-highlight:#d4af5a14;--theme-cof-hole:#4a2030;--theme-jack-plate:#2a2218}:root{--fret-label-width:36px;--fret-cell-width:44px;--fret-cell-min:44px;--fret-cell-height:38px;--dial-scale:1;--content-gap:18px}@media (width>=600px){:root{--fret-label-width:40px;--fret-cell-width:48px;--fret-cell-min:48px;--fret-cell-height:40px;--content-gap:20px}}@media (width>=768px){:root{--fret-label-width:clamp(40px, 3.5vw, 52px);--fret-cell-width:clamp(44px, 3.8vw, 58px);--fret-cell-min:40px;--fret-cell-height:clamp(38px, 3.6vw, 46px);--content-gap:20px}}@media (width>=960px){:root{--fret-label-width:32px;--fret-cell-width:1fr;--fret-cell-min:0;--fret-cell-height:30px;--dial-scale:.88;--content-gap:8px}}@media (width>=1280px){:root{--dial-scale:.92;--fret-cell-height:32px}}@media (width>=1600px){:root{--dial-scale:.95;--fret-cell-height:36px}}*,:before,:after{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}body{background:var(--theme-body-bg,#b8941f);color:var(--theme-text,#111);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#root{width:100%;min-height:100dvh}button,select{font-family:inherit}:root{--mode-nav-height:58px;--stage-nav-height:64px;--sheet-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, "Liberation Mono", monospace}option,optgroup{color:#111;background:#fff}.mode-nav{z-index:20;height:calc(var(--mode-nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--theme-tolex-bg);border-top:2px solid #000;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0006}.mode-nav__btn{color:#ffffff8c;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.68rem;font-weight:700;display:flex}.mode-nav__icon{font-size:1.2rem;line-height:1}.mode-nav__btn--active{color:var(--theme-knob-light,#f0c040)}.app{padding-bottom:calc(var(--mode-nav-height) + env(safe-area-inset-bottom))}@media (width>=600px){.app{padding-bottom:env(safe-area-inset-bottom)}.amp__grille{flex-direction:column;gap:12px}.mode-nav{background:#0000008c;border:1px solid #ffffff26;border-radius:6px;gap:3px;height:auto;padding:3px;position:relative;bottom:auto;left:auto;right:auto;box-shadow:inset 0 1px 3px #000c}.mode-nav__btn{border-radius:4px;flex-direction:row;flex:none;gap:6px;padding:7px 16px;font-size:.72rem}.mode-nav__icon{font-size:.95rem}.mode-nav__btn--active{background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff26}}@media (width>=960px){.amp__grille{flex-direction:row}.mode-nav{flex-wrap:wrap;justify-content:flex-end;max-width:min(760px,70%);position:absolute;top:50%;right:clamp(16px,2vw,32px);transform:translateY(-50%)}.mode-nav__btn{padding:6px 14px}}@media (width<960px){.amp--stage .amp__grille,.amp--stage .amp__tolex,.amp--stage .mode-nav{display:none}.app:has(.amp--stage){padding-bottom:0}.amp--stage .amp__panel{padding:0 0 12px}}.btn{border:1px solid var(--theme-control-border);background:var(--theme-control-bg);min-height:40px;color:var(--theme-text);font:inherit;letter-spacing:.02em;cursor:pointer;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:700;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--theme-text) 35%, transparent)}.btn:disabled{opacity:.4;cursor:default}.btn--primary{background:var(--theme-tab-active);border-color:color-mix(in srgb, var(--theme-text) 30%, transparent);box-shadow:0 1px 3px #0003}[data-theme=orange] .btn--primary,[data-theme=orange] .segmented__btn--active,[data-theme=orange] .stage__key-btn--open{color:#fff}.btn--ghost{background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--theme-control-bg)}.btn--small{min-height:34px;padding:6px 10px;font-size:.72rem}.btn--icon{min-width:40px;min-height:40px;padding:0;font-size:.85rem}.input{border:1px solid var(--theme-control-border);background:var(--theme-control-bg);width:100%;min-height:42px;box-shadow:inset 0 2px 4px var(--theme-control-shadow);color:var(--theme-text);font:inherit;border-radius:4px;padding:9px 12px;font-size:16px}.input::placeholder{color:var(--theme-text-muted);opacity:.7}.input:focus{outline:2px solid color-mix(in srgb, var(--theme-accent) 60%, transparent);outline-offset:1px}textarea.input{resize:vertical;line-height:1.45}.input--mono{font-family:var(--sheet-mono);white-space:pre;font-size:15px;overflow-x:auto}.input--compact{min-height:38px;padding:6px 10px;font-size:15px}@media (width>=960px){.input,.input--compact,.input--mono{font-size:.85rem}}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field__label{color:var(--theme-label);letter-spacing:.1em;text-transform:uppercase;font-size:.62rem;font-weight:700}.field .scale-selector__label{margin-bottom:0}.card{border:1px solid var(--theme-control-border);background:var(--theme-control-bg);border-radius:6px;margin:0;padding:14px}fieldset.card{min-width:0}.chip-btn{border:1px solid var(--theme-control-border);background:var(--theme-control-bg);min-height:34px;color:var(--theme-text);font:inherit;cursor:pointer;border-radius:999px;padding:5px 11px;font-size:.8rem;font-weight:700}.segmented{border:1px solid var(--theme-control-border);background:var(--theme-control-bg);border-radius:5px;gap:3px;padding:3px;display:flex}.segmented__btn{min-height:36px;color:var(--theme-text-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:3px;flex:1;padding:6px 8px;font-size:.74rem;font-weight:700}.segmented__btn--active{background:var(--theme-tab-active);color:var(--theme-text);box-shadow:0 1px 3px #0003}.segmented__btn:disabled{opacity:.35;cursor:default}.toast{z-index:50;left:50%;bottom:calc(var(--mode-nav-height) + 16px + env(safe-area-inset-bottom));color:#f5f5f5;opacity:0;pointer-events:none;background:#111;border-radius:6px;max-width:min(92vw,480px);padding:10px 16px;font-size:.85rem;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,20px);box-shadow:0 4px 16px #0008}.toast[data-open=true]{opacity:1;transform:translate(-50%)}@media (width>=600px){.toast{bottom:24px}}.page{width:100%;max-width:1400px;color:var(--theme-text);flex-direction:column;gap:12px;margin:0 auto;display:flex}@media (width>=960px){.page{flex:1;min-height:0;padding-bottom:12px;overflow-y:auto}}.page-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page-header__title{min-width:0;color:var(--theme-text);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:1.15rem;overflow:hidden}.page-header__back{padding-left:4px}.page-header__actions{flex-wrap:wrap;gap:6px;display:flex}@media (width<600px){.page-header__actions{width:100%}.page-header__actions .btn{flex:1}}.page-footer{justify-content:center;padding-top:8px;display:flex}.search{max-width:480px}.empty{text-align:center;line-height:1.5}.empty__title{margin:0;font-size:1.05rem;font-weight:700}.empty__actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.list,.set-items,.picker__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.list-row{border:1px solid var(--theme-control-border);background:var(--theme-control-bg);border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px 6px 4px;display:flex}.list-row__main{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;gap:2px;padding:8px;display:flex}.list-row__title{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;display:block;overflow:hidden}.list-row__sub{color:var(--theme-text-muted);font-size:.75rem;display:block}.list-row__actions{gap:6px;display:flex}.list-row__menu{flex-wrap:wrap;gap:6px;width:100%;padding:0 8px 6px;display:flex}.list-row__menu .input{flex:200px;width:auto}.list-empty{color:var(--theme-text-muted);text-align:center;margin:0;font-size:.85rem}.song-editor__layout{flex-direction:column;gap:12px;min-height:0;display:flex}.song-editor__layout--split{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;display:grid}.song-editor__layout--split .song-editor__preview{max-height:calc(100dvh - 180px);position:sticky;top:0;overflow-y:auto}.song-editor__form{flex-direction:column;gap:12px;min-width:0;display:flex}.song-editor__details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;display:grid}.field--wide{grid-column:1/-1}@media (width>=768px){.song-editor__details{grid-template-columns:repeat(4,minmax(0,1fr))}.song-editor__details .field--wide{grid-column:span 2}.song-editor__details .field--wide:last-child{grid-column:1/-1}}.section-editor{border:1px solid var(--theme-control-border);border-left:4px solid var(--section-color,var(--theme-control-border));background:var(--theme-control-bg);border-radius:6px}.section-editor__head{flex-wrap:wrap;align-items:center;gap:6px;padding:8px;display:flex}.section-editor__head select{width:auto}.section-editor__label{flex:120px;width:auto;font-weight:700}.section-editor__toggle{width:32px;height:38px;color:var(--theme-text);cursor:pointer;background:0 0;border:none;font-size:1rem}.section-editor__tools{gap:4px;margin-left:auto;display:flex}.section-editor__body{flex-direction:column;gap:14px;padding:4px 12px 14px;display:flex}.section-editor__block{flex-direction:column;gap:6px;min-width:0;display:flex}.section-editor__tab{border:1px dashed var(--theme-control-border);border-radius:6px;flex-direction:column;gap:6px;padding:8px;display:flex}.section-editor__tab-head{gap:6px;display:flex}.section-editor__block>.btn{align-self:flex-start}.chord-palette,.add-section__buttons{flex-wrap:wrap;gap:6px;display:flex}.chip-btn--bar{opacity:.85;border-style:dashed;margin-left:8px}.add-section{flex-direction:column;gap:8px;display:flex}.section-editor--intro,.sheet-section--intro{--section-color:#4a7a8c}.section-editor--verse,.sheet-section--verse{--section-color:#5a7a3a}.section-editor--prechorus,.sheet-section--prechorus{--section-color:#8c7a2a}.section-editor--chorus,.sheet-section--chorus{--section-color:#c41e3a}.section-editor--interlude,.sheet-section--interlude{--section-color:#3a8c6c}.section-editor--custom,.sheet-section--custom{--section-color:#8a6a4a}.section-editor--refrain,.sheet-section--refrain{--section-color:#b83a7a}.section-editor--bridge,.sheet-section--bridge{--section-color:#5c4a7a}.section-editor--vamp,.sheet-section--vamp{--section-color:#2a6c6c}.section-editor--epic-chorus,.sheet-section--epic-chorus{--section-color:#e85d04}.section-editor--outro,.sheet-section--outro{--section-color:#555}.tab-editor{flex-direction:column;gap:8px;min-width:0;display:flex}.tab-editor__grid{border:1px solid var(--theme-control-border);background:color-mix(in srgb, var(--theme-control-bg) 60%, #fff 8%);box-shadow:inset 0 2px 5px var(--theme-control-shadow);font-family:var(--sheet-mono);-webkit-overflow-scrolling:touch;border-radius:4px;padding:6px 4px;display:flex;overflow-x:auto}.tab-editor__grid:focus-visible{outline:2px solid color-mix(in srgb, var(--theme-accent) 60%, transparent)}.tab-editor__labels{z-index:1;background:inherit;flex-direction:column;padding-right:4px;display:flex;position:sticky;left:-4px}.tab-editor__labels span,.tab-editor__cell{justify-content:center;align-items:center;height:34px;display:flex}.tab-editor__labels span{min-width:18px;color:var(--theme-text-muted);font-size:.75rem;font-weight:700}.tab-editor__col{background:repeating-linear-gradient(180deg, transparent 0 16px, color-mix(in srgb, var(--theme-text) 30%, transparent) 16px 17px, transparent 17px 34px);flex-direction:column;flex-shrink:0;display:flex}.tab-editor__col--active{background-color:color-mix(in srgb, var(--theme-accent) 10%, transparent)}.tab-editor__cell{min-width:34px;color:color-mix(in srgb, var(--theme-text) 28%, transparent);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0 3px;font-size:.9rem}.tab-editor__cell--filled{color:var(--theme-text);font-weight:700}.tab-editor__cell--filled:before{content:""}.tab-editor__cell--active{background:var(--theme-tab-active);color:var(--theme-text);box-shadow:0 0 0 2px var(--theme-accent)}.tab-editor__bar{border-left:2px solid var(--theme-text);cursor:pointer;flex-shrink:0;width:10px;margin:8px 2px}.tab-editor__bar--active{border-left-color:var(--theme-accent);box-shadow:-3px 0 0 color-mix(in srgb, var(--theme-accent) 40%, transparent)}.tab-editor__lyric-label{height:28px;color:var(--theme-text-muted);letter-spacing:.04em;align-items:center;margin-top:4px;font-size:.62rem;font-weight:800;display:flex}.tab-editor__lyric{border:none;border-top:1px solid color-mix(in srgb, var(--theme-text) 25%, transparent);background:color-mix(in srgb, var(--theme-control-bg) 80%, #fff 20%);width:100%;min-width:34px;height:28px;color:var(--theme-text);font:inherit;text-align:center;border-radius:0;margin-top:4px;padding:0 2px;font-size:.68rem}.tab-editor__lyric:focus{outline:2px solid var(--theme-accent)}.tab-editor__keypad{flex-direction:column;gap:6px;display:flex}.tab-editor__digits{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.tab-editor__techniques{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.tab-editor__moves{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.tab-editor__moves .tab-key--wide:nth-last-child(3){grid-column:1/2}.tab-key{border:1px solid var(--theme-control-border);background:var(--theme-control-bg);min-height:42px;color:var(--theme-text);font:inherit;font-family:var(--sheet-mono);cursor:pointer;touch-action:manipulation;border-radius:4px;font-size:1rem;font-weight:700}.tab-key:active{background:var(--theme-tab-active)}.tab-key--tech{font-size:.95rem}.tab-key--on{background:var(--theme-tab-active);box-shadow:inset 0 0 0 2px var(--theme-accent)}.tab-key--muted,.tab-key--danger{color:var(--theme-accent)}.tab-key--wide{font-family:inherit;font-size:.78rem}.tab-editor__hint{color:var(--theme-text-muted);margin:0;font-size:.68rem;line-height:1.4;display:none}@media (width>=600px){.tab-editor__keypad{flex-flow:wrap;align-items:stretch}.tab-editor__digits{grid-template-columns:repeat(12,38px)}.tab-editor__techniques{grid-template-columns:repeat(8,38px)}.tab-editor__moves{grid-template-columns:repeat(4,38px) repeat(3,auto)}.tab-editor__moves .tab-key--wide:nth-last-child(3){grid-column:auto}.tab-key--wide{padding:0 10px}}@media (pointer:fine){.tab-key{min-height:32px}.tab-editor__hint{width:100%;display:block}}.setlist-editor__details{grid-template-columns:1fr;gap:10px 12px;display:grid}@media (width>=600px){.setlist-editor__details{grid-template-columns:2fr 1fr}.setlist-editor__details .field--wide:first-child{grid-column:auto}}.setlist-editor__toolbar{flex-wrap:wrap;gap:8px;display:flex}@media (width<600px){.setlist-editor__toolbar .btn{flex:1}}.swap-banner{background:color-mix(in srgb, var(--theme-relative) 25%, transparent);border-radius:6px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;font-size:.85rem;display:flex}.set-item{border:1px solid var(--theme-control-border);background:var(--theme-control-bg);border-radius:6px;grid-template-columns:34px minmax(0,1fr);grid-template-areas:"num info""num settings""num actions";align-items:center;gap:6px 8px;padding:8px;display:grid}.set-item--swapping{border-color:var(--theme-relative);box-shadow:0 0 0 2px var(--theme-relative)}.set-item--missing .set-item__title{color:var(--theme-accent)}.set-item__num{color:var(--theme-text-muted);font-family:"Orbitron", var(--sheet-mono);text-align:center;grid-area:num;align-self:start;padding-top:4px;font-size:1.1rem;font-weight:700}.set-item__info{grid-area:info;min-width:0}.set-item__title{max-width:100%;color:var(--theme-text);font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem;font-weight:700;display:block;overflow:hidden}.set-item__settings{grid-area:settings;grid-template-columns:1fr 1fr;gap:6px;display:grid}.set-item__actions{grid-area:actions;justify-content:flex-end;gap:4px;display:flex}@media (width>=768px){.set-item{grid-template-columns:34px minmax(0,1fr) minmax(260px,320px) auto;grid-template-areas:"num info settings actions"}.set-item__num{align-self:center;padding-top:0}}.picker{flex-direction:column;gap:8px;display:flex}.picker__head{flex-wrap:wrap;gap:6px;display:flex}.picker__head .input{flex:200px;width:auto}.picker__list{max-height:50vh;overflow-y:auto}.picker__row{cursor:pointer;border-radius:4px;align-items:center;gap:10px;padding:8px;display:flex}.picker__row:hover{background:var(--theme-control-bg)}.picker__row input{width:20px;height:20px;accent-color:var(--theme-accent)}.picker__order{min-width:16px;color:var(--theme-accent);font-weight:700}.sheet{--s:var(--sheet-scale,1);color:var(--theme-text)}.sheet__header{margin-bottom:calc(14px * var(--s))}.sheet__title{font-size:calc(1.5rem * var(--s));margin:0;line-height:1.15}.sheet__artist{color:var(--theme-text-muted);font-size:calc(.95rem * var(--s));margin:2px 0 0}.sheet__meta{flex-wrap:wrap;gap:6px;margin:10px 0 0;display:flex}.sheet__chip{border:1px solid var(--theme-control-border);background:var(--theme-control-bg);font-size:calc(.72rem * var(--s));border-radius:999px;padding:3px 9px;font-weight:700}.sheet__chip--key{background:var(--theme-tab-active);font-size:calc(.85rem * var(--s))}[data-theme=orange] .sheet__chip--key{color:#fff}.sheet__chip--shapes{border-color:var(--theme-relative);color:var(--theme-relative)}[data-theme=mesa] .sheet__chip--shapes,[data-theme=vox] .sheet__chip--shapes{color:inherit}.sheet__notes{font-size:calc(.9rem * var(--s));white-space:pre-wrap;margin:10px 0 0;font-style:italic}.sheet__empty{color:var(--theme-text-muted)}.sheet__sections{gap:calc(12px * var(--s));flex-direction:column;display:flex}.sheet-section{padding:calc(10px * var(--s)) calc(12px * var(--s));border-left:4px solid var(--section-color);background:var(--theme-control-bg);break-inside:avoid;border-radius:4px}.sheet-section__label{color:var(--theme-text);font-size:calc(.78rem * var(--s));letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-weight:800}.sheet-section__label:before{content:"";background:var(--section-color);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.sheet-section__chords{font-family:var(--sheet-mono);font-size:calc(1.15rem * var(--s));white-space:pre-wrap;margin:0 0 8px;font-weight:800;line-height:1.4;overflow-x:auto}.sheet-section__sublabel{color:var(--theme-text-muted);font-size:calc(.66rem * var(--s));letter-spacing:.1em;text-transform:uppercase;margin:6px 0 3px;font-weight:700}.sheet-section__notes-line{font-family:var(--sheet-mono);font-size:calc(1rem * var(--s));white-space:pre-wrap;margin:0;font-weight:700}.sheet-section__notes{color:var(--theme-text-muted);font-size:calc(.85rem * var(--s));white-space:pre-wrap;margin:8px 0 0;font-style:italic}.tab-display{flex-wrap:wrap;row-gap:8px;display:flex}.tab-display__measure{max-width:100%;font-family:var(--sheet-mono);font-size:calc(.95rem * var(--s));margin:0;line-height:1.25;display:flex;overflow-x:auto}.tab-display__labels{color:var(--theme-text-muted);font-weight:700}.tab-display__lyric{color:var(--theme-text);font-weight:700}.stage{width:100%;color:var(--theme-text);flex-direction:column;display:flex}.stage__bar{z-index:10;padding:calc(6px + env(safe-area-inset-top)) 8px 6px;background:var(--theme-panel-base);align-items:center;gap:6px;display:flex;position:sticky;top:0;box-shadow:0 2px 6px #0003}.stage__heading{flex-direction:column;flex:1;min-width:0;display:flex}.stage__song{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:800;overflow:hidden}.stage__position{color:var(--theme-text-muted);font-size:.68rem;font-weight:700}.stage__back{padding:8px}@media (width<600px){.stage__back-label{display:none}}.stage__key-btn{background:var(--theme-control-bg)}.stage__key-btn--open{background:var(--theme-tab-active)}.stage__body{flex-direction:column;gap:12px;padding:12px 12px 0;display:flex}.stage__controls{border:1px solid var(--theme-control-border);background:var(--theme-control-bg);border-radius:6px;flex-direction:column;gap:10px;padding:12px;display:flex}.stage__controls .app__dial-label{text-align:center}.fit-dial{width:100%;max-width:360px;margin:0 auto}.stage__interval{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;font-size:.8rem;font-weight:700;display:flex}.stage__key-note{color:var(--theme-text-muted);text-align:center;margin:0;font-size:.7rem}.stage__display,.stage__text-size{flex-direction:column;gap:4px;display:flex}.stage__sheet{min-width:0;padding-bottom:16px}.stage--with-nav .stage__sheet{padding-bottom:calc(var(--stage-nav-height) + 24px + env(safe-area-inset-bottom))}.stage__nav{z-index:15;height:calc(var(--stage-nav-height) + env(safe-area-inset-bottom));padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--theme-tolex-bg);border-top:2px solid #000;align-items:stretch;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0006}.stage__nav-btn{color:#f5f5f5;background:#ffffff14;border-color:#ffffff26;flex-direction:column;flex:1;align-items:flex-start;gap:1px;min-width:0}.stage__nav-btn--next{background:#ffffff26;align-items:flex-end}.stage__nav-dir{letter-spacing:.06em;text-transform:uppercase;opacity:.8;font-size:.72rem}.stage__nav-title{text-overflow:ellipsis;max-width:100%;font-size:.85rem;overflow:hidden}.stage__nav-count{color:#ffffffb3;min-width:48px;font-family:"Orbitron", var(--sheet-mono);text-align:center;align-self:center;font-size:.8rem}@media (width>=600px){.stage__bar{padding-left:12px;padding-right:12px}.stage__body{padding:16px 16px 0}}@media (width>=768px) and (orientation:landscape) and (width<960px){.stage__body{grid-template-columns:280px minmax(0,1fr);align-items:start;display:grid}.stage__controls{position:sticky;top:64px}}@media (width>=960px){.stage{flex:1;min-height:0}.stage__bar{box-shadow:none;background:0 0;padding:0 0 8px;position:static}.stage__song{font-size:1rem}.stage__body{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:clamp(260px,24vw,330px) minmax(0,1fr);min-height:0;padding:0;display:grid}.stage__controls{overflow-y:auto}.stage__sheet{min-height:0;padding-right:6px;overflow-y:auto}.stage--with-nav .stage__sheet{padding-bottom:16px}.stage__nav{border:1px solid #000;border-radius:6px;height:auto;margin-top:8px;padding:6px;position:static}}@media (width>=1280px){.stage__sheet .sheet__sections{column-width:440px;column-gap:16px;display:block}.stage__sheet .sheet-section{margin-bottom:12px}}.fretboard__header{flex-wrap:wrap;justify-content:space-between;gap:6px}.fretboard-view-toggle__btn{padding:8px 12px}.shape-chips{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.shape-chip{border:1px solid var(--theme-control-border);background:var(--theme-control-bg);min-height:34px;color:var(--theme-text);font:inherit;cursor:pointer;opacity:.55;border-radius:5px;align-items:center;gap:6px;padding:4px 10px 4px 5px;font-size:.78rem;font-weight:800;display:inline-flex}.shape-chip--on{opacity:1;border-color:color-mix(in srgb, var(--chip) 70%, #000);box-shadow:0 0 0 2px color-mix(in srgb, var(--chip) 55%, transparent)}.shape-chip:disabled{opacity:.3;cursor:default}.shape-chip--all{opacity:1;padding-left:10px}.shape-chip__block{background:var(--chip);border-radius:3px;width:22px;height:22px;box-shadow:inset 3px 3px #ffffff73,inset -3px -3px #00000059,0 0 0 1px #0000004d}.shape-chip__name{color:var(--theme-text-muted);font-weight:600}@media (width<600px){.shape-chip__name{display:none}}.shape-chips__hint{color:var(--theme-text-muted);font-size:.66rem}.tetris-block{border-radius:3px;justify-content:center;align-items:center;width:calc(100% - 2px);height:calc(100% - 4px);min-height:24px;font-size:.74rem;font-weight:800;display:flex;box-shadow:inset 3px 3px #ffffff73,inset -3px -3px #00000059,0 1px 2px #0006}.tetris-block--root{outline-offset:-1px;text-underline-offset:2px;outline:2px solid #111;text-decoration:underline}.fretboard--compact .tetris-block{font-size:clamp(.5rem,1.1vw,.78rem)}.fretboard--shapes .fretboard__cell{opacity:1}.neck{-webkit-overflow-scrolling:touch;border-radius:6px;width:100%;overflow-x:auto}.neck__svg{width:100%;min-width:calc(var(--neck-frets,22) * 52px);height:auto;display:block}@media (width>=960px){.neck__svg{min-width:0}}.neck__blocked{fill:#0000008c}.neck__string-shadow{stroke:#000;stroke-opacity:.35}.neck__string-core{stroke:#e2e4e6}.neck__string-core--wound{stroke:#bfb49a}.neck__string-winding{stroke:#6d6352;stroke-opacity:.55;stroke-dasharray:2 3}.neck__string-shine{stroke:#fff;stroke-opacity:.55}.neck__string--ringing .neck__string-core{stroke:#fff6d0}.neck__string--ringing{animation:80ms linear 6 alternate string-ring}@keyframes string-ring{0%{transform:translateY(-2px)}to{transform:translateY(2px)}}.neck__capo rect{fill:#1c1c1c;stroke:#000;stroke-width:3px}.neck__capo-label{fill:#f0c040;text-anchor:middle;dominant-baseline:central;letter-spacing:3px;font:700 17px Orbitron,sans-serif}.neck__number-text{fill:var(--theme-text-muted);text-anchor:middle;font:700 26px system-ui,sans-serif}.neck__number-text--capo{fill:var(--theme-relative)}.neck__number-dot{fill:var(--theme-text-muted)}.neck__hit{fill:#0000;cursor:pointer}.neck__hit:hover{fill:#ffffff2e}.neck-marker text{text-anchor:middle;dominant-baseline:central;pointer-events:none;font:800 27px system-ui,sans-serif}.neck-marker--dot circle{fill:#111;stroke:#fff;stroke-width:2px}.neck-marker--dot text{fill:#f0d060}.neck-marker--dot.neck-marker--root circle{fill:var(--theme-accent)}.neck-marker--dot.neck-marker--root text{fill:#fff}.neck-marker--block>rect:first-child{fill:#f0d060}.neck-marker--block text{fill:#111}.neck-marker--block.neck-marker--root>rect:first-child{fill:var(--theme-accent)}.neck-marker--block.neck-marker--root text{fill:#fff}.neck-marker--shape>rect:first-child,.neck-marker--block>rect:first-child{stroke:#0000008c;stroke-width:2px}.neck-marker__bevel{fill:none;stroke:#ffffff80;stroke-width:3px}.neck-marker--shape.neck-marker--root>rect:first-child{stroke:#111;stroke-width:5px}.neck-marker--press circle{fill:var(--theme-accent);stroke:#fff;stroke-width:3px;filter:drop-shadow(0 3px 3px #0008)}.neck-marker--press text{fill:#fff}.neck-marker--press.neck-marker--root circle{fill:#111;stroke:var(--theme-accent);stroke-width:5px}.neck-marker--ghost circle{fill:#ffffff26;stroke:#fff;stroke-width:3px;stroke-dasharray:6 5}.neck-marker--open circle{fill:none;stroke:#fff;stroke-width:4px}.neck-marker--open.neck-marker--root circle{stroke:var(--theme-accent)}text.neck-marker--mute{fill:#fff;text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:#000;stroke-width:4px;font:900 40px system-ui,sans-serif}.fretboard__neck{margin-top:4px}.warmup__intro{color:var(--theme-text-muted);margin:0;font-size:.85rem}.warmup__layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:16px;display:grid}.ex-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ex-card{border:1px solid var(--theme-control-border);background:var(--theme-control-bg);width:100%;color:var(--theme-text);font:inherit;text-align:left;cursor:pointer;border-radius:6px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.ex-card--active{border-color:var(--theme-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--theme-accent) 40%, transparent)}.ex-card__top{justify-content:space-between;align-items:center;gap:8px;display:flex}.ex-card .list-row__sub{white-space:normal}.ex-level{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:.62rem;font-weight:800}.ex-level--beginner{color:#111;background:#35b84a}.ex-level--intermediate{color:#111;background:#f2d016}.ex-level--advanced{color:#fff;background:#e8283c}.ex-player{border:1px solid var(--theme-control-border);background:var(--theme-control-bg);border-radius:6px;flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.ex-player__head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.ex-player__title{margin:0;font-size:1.1rem}.ex-player__summary{color:var(--theme-text-muted);margin:2px 0 0;font-size:.85rem}.ex-player__neck .neck__svg{min-width:560px}.finger{transition:transform var(--move-ms,.15s) cubic-bezier(.3, .7, .3, 1)}.finger__lift{opacity:.6;transition:transform var(--move-ms,.15s) ease-out, opacity var(--move-ms,.15s);transform:translate(-8px,-26px)scale(1.12)}.finger--pressed .finger__lift{opacity:1;transform:none}.finger__shadow{fill:#000;opacity:.25;transition:transform var(--move-ms,.15s), opacity var(--move-ms,.15s);transform:translate(10px,24px)scale(1.2)}.finger--pressed .finger__shadow{opacity:.45;transform:none}.finger__tip{stroke:#fff;stroke-width:3px}.finger__num{fill:#fff;text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:#0006;stroke-width:3px;font:900 26px system-ui,sans-serif}.finger__ripple{fill:none;stroke-width:4px;transform-box:fill-box;transform-origin:50%;animation:.45s ease-out forwards finger-ripple}@keyframes finger-ripple{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2)}}.finger__tech{fill:#fff;text-anchor:middle;paint-order:stroke;stroke:#000a;stroke-width:5px;font:800 24px system-ui,sans-serif}.ex-player__legend{flex-wrap:wrap;align-items:center;gap:10px;font-size:.78rem;font-weight:700;display:flex}.ex-legend{opacity:.6;align-items:center;gap:5px;display:inline-flex}.ex-legend--now{opacity:1}.ex-legend__dot{color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:.7rem;display:inline-grid}.ex-beats{gap:5px;margin-left:auto;display:inline-flex}.ex-beats__dot{background:var(--theme-control-border);border-radius:50%;width:12px;height:12px}.ex-beats__dot--on{background:var(--theme-accent);box-shadow:0 0 6px var(--theme-accent)}.ex-tab{border:1px solid var(--theme-control-border);background:color-mix(in srgb, var(--theme-control-bg) 60%, #fff 8%);font-family:var(--sheet-mono);border-radius:4px;padding:6px;display:flex;overflow-x:auto}.ex-tab__labels{z-index:1;background:inherit;color:var(--theme-text-muted);flex-direction:column;padding-right:6px;font-weight:700;display:flex;position:sticky;left:-6px}.ex-tab__labels span,.ex-tab__cell{justify-content:center;align-items:center;height:22px;font-size:.8rem;display:flex}.ex-tab__col{background:repeating-linear-gradient(180deg, transparent 0 10px, color-mix(in srgb, var(--theme-text) 28%, transparent) 10px 11px, transparent 11px 22px);min-width:30px;color:var(--theme-text);font:inherit;cursor:pointer;border:none;border-radius:3px;flex-direction:column;flex-shrink:0;padding:0 2px;font-weight:700;display:flex}.ex-tab__col--bar{border-left:2px solid var(--theme-text);border-radius:0}.ex-tab__col--now{background-color:color-mix(in srgb, var(--theme-accent) 30%, transparent);box-shadow:inset 0 0 0 2px var(--theme-accent)}.ex-tab__finger{justify-content:center;align-items:center;height:20px;font-size:.72rem;font-weight:900;display:flex}.ex-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ex-controls__play{min-width:110px}.ex-tempo{flex-direction:column;flex:180px;gap:2px;display:flex}.ex-tempo input{width:100%;accent-color:var(--theme-accent)}.ex-check{cursor:pointer;align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:inline-flex}.ex-check input[type=checkbox]{width:18px;height:18px;accent-color:var(--theme-accent)}.ex-tips{color:var(--theme-text-muted);margin:0;padding-left:18px;font-size:.8rem;line-height:1.5}.stage__view{flex-shrink:0}.stage__view .segmented__btn{min-height:32px;padding:4px 12px}.live{flex-direction:column;gap:10px;display:flex}.live__sections{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.live__section{border:1px solid var(--theme-control-border);border-left:4px solid var(--section-color);background:var(--theme-control-bg);min-height:36px;color:var(--theme-text);font:inherit;cursor:pointer;border-radius:4px;flex-shrink:0;padding:6px 12px;font-size:.8rem;font-weight:800}.live__section--now{background:var(--theme-tab-active);box-shadow:0 0 0 2px var(--section-color)}[data-theme=orange] .live__section--now{color:#fff}.live__options{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.live__tab-pick{width:auto}.live__neck .neck__svg{min-width:520px}.live__status{color:var(--theme-text-muted);margin:0;font-size:.78rem;font-weight:700}.live__per-beat{width:auto;min-height:32px}.live__chord-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.live__chord-name{font-family:var(--sheet-mono);font-size:2rem;font-weight:900;line-height:1}.live__chord-shape{border-radius:4px;padding:3px 10px;font-size:.78rem;font-weight:800;box-shadow:inset 2px 2px #ffffff73,inset -2px -2px #00000059}.live__chords{flex-wrap:wrap;gap:6px;display:flex}.live__chord--now{background:var(--theme-tab-active);box-shadow:0 0 0 2px var(--theme-accent)}.tab-editor__neck,.note-picker{flex-direction:column;gap:6px;display:flex}.tab-editor__neck-bar,.note-picker__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.note-picker__bar{justify-content:flex-start}.tab-editor__neck-toggle{align-self:center}.tab-editor__neck .neck__svg,.note-picker .neck__svg{min-width:1150px}@media (width<600px){.stage__bar{flex-wrap:wrap}.stage__view{order:10;width:100%}}.piece-icon{filter:drop-shadow(0 1px #0006);flex-shrink:0}.shape-chip{padding-left:8px}.neck--vertical{overflow:visible}.neck--vertical .neck__svg{width:min(100%,300px);min-width:0;margin:0 auto}.live__neck--chord .neck--vertical .neck__svg{width:auto;max-width:100%;height:clamp(280px,100dvh - 420px,560px)}.chord-shapes__neck{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.chord-shapes__chord{color:var(--theme-text);flex-direction:column;align-items:center;margin:0;font-size:1.4rem;font-weight:800;display:flex}.chord-shapes__meta{color:var(--theme-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:700}.capo-guide{color:var(--theme-text);flex-direction:column;gap:6px;display:flex}.capo-guide__title{margin:0;font-size:.78rem}.capo-guide__chords{flex-wrap:wrap;gap:4px;display:flex}.capo-guide__chord{border:1px solid var(--theme-control-border);background:var(--theme-control-bg);border-radius:4px;flex-direction:column;align-items:center;min-width:44px;padding:4px 6px;display:flex}.capo-guide__shape{font-size:.9rem;font-weight:800}.capo-guide__sounds{color:var(--theme-text-muted);font-size:.66rem;font-weight:700}.capo-guide__legend{color:var(--theme-text-muted);margin:0;font-size:.62rem}.capo-guide__easy{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.capo-guide__easy-label{color:var(--theme-label);letter-spacing:.06em;text-transform:uppercase;font-size:.62rem;font-weight:700}.capo-guide__option{min-height:28px;padding:3px 9px;font-size:.72rem}.capo-guide__option--on{background:var(--theme-tab-active);box-shadow:0 0 0 2px var(--theme-accent)}@media (width>=960px){.app__col-controls .capo-guide__chord{min-width:38px;padding:2px 4px}.app__col-controls .capo-guide__shape{font-size:.78rem}}.theory{color:var(--theme-text);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-content:start;gap:10px;padding-bottom:8px;display:grid}.theory__card{border:1px solid var(--theme-control-border);background:var(--theme-control-bg);border-radius:6px;flex-direction:column;gap:8px;min-width:0;padding:12px;display:flex}.theory__title{margin:0;font-size:.95rem}.theory__formula{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.theory__step{align-items:center;gap:2px;display:inline-flex}.theory__note{border:1px solid var(--theme-control-border);background:var(--theme-control-bg);min-width:34px;color:var(--theme-text);border-radius:4px;flex-direction:column;align-items:center;padding:4px;display:inline-flex}.theory__note--root{box-shadow:inset 0 0 0 2px var(--theme-accent)}.theory__note-name{font-weight:800}.theory__note-degree{color:var(--theme-text-muted);font-size:.66rem;font-weight:700}.theory__gap{color:var(--theme-accent);font-size:.66rem;font-weight:800}.theory__hint{color:var(--theme-text-muted);margin:0;font-size:.7rem}.theory__facts{margin:0;padding-left:18px;font-size:.8rem;line-height:1.5}.theory__table{border-collapse:collapse;width:100%;font-size:.8rem}.theory__table th{color:var(--theme-label);letter-spacing:.08em;text-align:left;text-transform:uppercase;font-size:.6rem}.theory__table td,.theory__table th{border-bottom:1px solid var(--theme-control-border);padding:4px 6px}.theory__degree{color:var(--theme-accent);font-weight:800}.theory__tones{font-family:var(--sheet-mono);font-size:.75rem}.theory__muted{color:var(--theme-text-muted);font-size:.68rem;display:block}.theory__chips{flex-wrap:wrap;gap:6px;display:flex}.theory__progressions{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.theory__progression{align-items:flex-start;gap:8px;display:flex}.theory__prog-name{font-size:.78rem;font-weight:800;display:block}.theory__prog-chords{font-family:var(--sheet-mono);font-size:.85rem;font-weight:700;display:block}@media (width>=960px){.chord-shapes{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:20px;display:grid}.chord-shapes__legend,.chord-shapes__degree-pick,.chord-shapes__shape-pick{grid-column:1}.chord-shapes__diagram{grid-area:1/2/span 3}.chord-shapes__neck .neck--vertical .neck__svg{width:auto;max-width:none;height:max(260px,100dvh - 590px)}}[data-theme=orange] .live__chord--now,[data-theme=orange] .capo-guide__option--on,[data-theme=orange] .tab-editor__cell--active,[data-theme=orange] .tab-key--on,[data-theme=orange] .tab-key:active{color:#fff}[data-theme=orange] .picker__row:has(input:checked){color:#fff}.shape-source{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.shape-source__toggle{flex-shrink:0}.triad-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.triad-picker__chords{flex-wrap:wrap;gap:4px;display:flex}.triad-picker__chord{min-height:32px;padding:3px 9px}.triad-picker__degree{color:var(--theme-accent);font-size:.7rem;font-weight:900}.triad-picker__chord--on{background:var(--theme-tab-active);color:var(--theme-on-active);box-shadow:0 0 0 2px var(--theme-accent)}.triad-picker__chord--on .triad-picker__degree{color:inherit}.triad-picker__custom{align-items:center;gap:4px;display:flex}.triad-picker__custom .input{width:auto}.shape-source__hint{color:var(--theme-text-muted);flex-basis:100%;margin:0;font-size:.72rem}.triad-filters__divider{background:var(--theme-control-border);width:1px;height:26px;margin:0 2px}.shape-chip--set{font-family:var(--sheet-mono);padding-left:10px}.drumsticks-icon{vertical-align:-3px;flex-shrink:0;display:inline-block}.mode-nav__icon .drumsticks-icon{vertical-align:middle}.stage__drums-btn{justify-content:center;align-items:center;gap:5px;display:inline-flex}.drums-home__title{align-items:center;gap:8px;display:inline-flex}.drums-home__heading{color:var(--theme-label);letter-spacing:.1em;text-transform:uppercase;margin:6px 0 0;font-size:.7rem}@media (width>=960px){.stage--drums .stage__body{grid-template-columns:minmax(0,1fr)}}.drums{color:var(--theme-text);flex-direction:column;gap:12px;display:flex}.drums__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.drums__title{margin:0;font-size:1.5rem;line-height:1.15}.drums__artist{color:var(--theme-text-muted);margin:2px 0 0}.drums__tempo{align-items:baseline;gap:8px;display:flex}.drums__bpm{font-family:"Orbitron", var(--sheet-mono);font-size:2.6rem;font-weight:700;line-height:1}.drums__bpm-unit{color:var(--theme-text-muted);font-size:.75rem;font-weight:800}.drums__sig{font-family:"Orbitron", var(--sheet-mono);border:2px solid;border-radius:4px;padding:2px 8px;font-size:1.1rem;font-weight:700}.drums__length{color:var(--theme-text-muted);font-size:.8rem;font-weight:700}.drums__song-notes{white-space:pre-wrap;margin:0;font-style:italic}.drums__now{border:1px solid var(--theme-control-border);background:var(--theme-control-bg);border-radius:8px;flex-wrap:wrap;align-items:center;gap:14px 20px;padding:14px;transition:background .15s,box-shadow .15s;display:flex}.drums__now--fill{background:color-mix(in srgb, var(--theme-accent) 22%, var(--theme-control-bg));box-shadow:0 0 0 3px var(--theme-accent)}.drums__now--count{box-shadow:0 0 0 3px var(--theme-relative)}.drums__beats{gap:8px;display:flex}.drums__beat{border:2px solid var(--theme-control-border);width:44px;height:44px;color:var(--theme-text-muted);font-family:"Orbitron", var(--sheet-mono);border-radius:50%;place-items:center;font-size:1rem;font-weight:700;transition:background 50ms,transform 50ms;display:grid}.drums__beat--one{border-color:var(--theme-text-muted)}.drums__beat--on{color:#fff;background:#35b84a;border-color:#fff;transform:scale(1.12);box-shadow:0 0 12px #35b84a}.drums__beat--one.drums__beat--on{background:var(--theme-accent);box-shadow:0 0 14px var(--theme-accent)}@media (width<600px){.drums__beat{width:36px;height:36px;font-size:.85rem}}.drums__status{flex-direction:column;flex:220px;gap:2px;min-width:0;display:flex}.drums__big{letter-spacing:.02em;text-transform:uppercase;font-size:1.9rem;font-weight:900;line-height:1.1}.drums__sub{color:var(--theme-text-muted);font-size:.9rem;font-weight:700}.drums__fill{background:var(--theme-accent);color:#fff;letter-spacing:.08em;border-radius:4px;align-self:flex-start;margin-top:4px;padding:3px 10px;font-size:.95rem;font-weight:900;animation:.5s ease-in-out infinite alternate drums-flash}@keyframes drums-flash{0%{opacity:1}to{opacity:.55}}.drums__bpm-set{align-items:center;gap:4px;display:inline-flex}.drums__bpm-input{text-align:center;width:72px}.drums__roadmap{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.drums__part{border:1px solid var(--theme-control-border);border-left:6px solid var(--section-color);background:var(--theme-control-bg);width:100%;min-height:64px;color:var(--theme-text);font:inherit;text-align:left;cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;display:flex;position:relative;overflow:hidden}.drums__part-fill{background:color-mix(in srgb, var(--section-color) 30%, transparent);transform-origin:0;pointer-events:none;position:absolute;inset:0}.drums__part>span:not(.drums__part-fill){position:relative}.drums__part--now{box-shadow:0 0 0 3px var(--section-color)}.drums__part--done{opacity:.55}.drums__part-num{color:var(--theme-text-muted);font-family:"Orbitron", var(--sheet-mono);font-size:.9rem;font-weight:700}.drums__part-main{flex-direction:column;flex:1;min-width:0;display:flex}.drums__part-label{text-transform:uppercase;font-size:1.05rem;font-weight:900}.drums__part-notes{color:var(--theme-text-muted);font-size:.78rem;font-style:italic}.drums__part-bars{font-family:"Orbitron", var(--sheet-mono);white-space:nowrap;font-size:1.3rem;font-weight:700}.drums__part-bars small{text-transform:uppercase;font-family:system-ui,sans-serif;font-size:.62rem;font-weight:700}.drums__hint{color:var(--theme-text-muted);margin:0;font-size:.72rem}.section-editor__bars{color:var(--theme-text-muted);align-items:center;gap:4px;font-size:.7rem;font-weight:700;display:inline-flex}.section-editor__bars .input{width:64px}.add-section__custom{flex-wrap:wrap;gap:6px;display:flex}.add-section__custom .input{flex:220px;width:auto}.song-editor__sections{flex-direction:column;gap:12px;display:flex}.section-editor__head{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.section-editor__head input,.section-editor__head select{-webkit-user-select:text;user-select:text}.section-editor__grip{width:28px;height:38px;color:var(--theme-text-muted);cursor:grab;touch-action:none;border-radius:4px;place-items:center;font-size:1.2rem;line-height:1;display:grid}.section-editor__grip:hover{background:var(--theme-control-bg);color:var(--theme-text)}.song-editor__form--dragging .section-editor__body{display:none}.song-editor__form--dragging .section-editor__head{cursor:grabbing}.section-editor--dragging{opacity:.6;outline:2px dashed var(--theme-accent);outline-offset:2px}.drop-line{background:var(--theme-accent);height:4px;box-shadow:0 0 8px var(--theme-accent);border-radius:2px;margin:-8px 0 4px}html.is-dragging,html.is-dragging *{cursor:grabbing!important}@media (width<600px){.mode-nav__btn{letter-spacing:.02em;font-size:.6rem}}.tuner__main{flex-direction:column;gap:12px;display:flex}.tuner__display{color:var(--theme-text);flex-direction:column;align-items:center;gap:6px;padding:10px 0;display:flex}.tuner__note{font-family:"Orbitron", var(--sheet-mono);font-size:clamp(3rem,12vw,5rem);font-weight:700;line-height:1}.tuner__display--good .tuner__note{color:#2e9e40;text-shadow:0 0 18px #35b84a88}.tuner__hz{color:var(--theme-text-muted);font-size:.85rem;font-weight:700}.tuner__gauge{width:min(100%,520px);height:64px;box-shadow:inset 0 0 0 1px var(--theme-control-border);background:linear-gradient(90deg,#e8283c33,#0000 35% 65%,#e8283c33);border-radius:8px;margin-top:8px;position:relative}.tuner__scale span{color:var(--theme-text-muted);font-size:.66rem;font-weight:700;position:absolute;bottom:4px;transform:translate(-50%)}.tuner__zone{background:#35b84a44;width:10%;position:absolute;top:0;bottom:0;left:45%}.tuner__needle{background:var(--theme-accent);width:4px;box-shadow:0 0 6px var(--theme-accent);border-radius:2px;margin-left:-2px;transition:left 80ms linear;position:absolute;top:6px;bottom:18px}.tuner__display--good .tuner__needle{background:#35b84a;box-shadow:0 0 10px #35b84a}.tuner__verdict{min-height:1.4em;font-size:.95rem;font-weight:700}.tuner__controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tuner__error{color:var(--theme-accent);text-align:center;margin:0;font-weight:700}.tuner__setup{flex-direction:column;gap:10px;display:flex}.tuner__preset{grid-template-columns:minmax(0,1fr) 120px;gap:10px;display:grid}.tuner__strings{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tuner__string{border:1px solid var(--theme-control-border);background:var(--theme-control-bg);border-radius:6px;grid-template-columns:minmax(0,1fr) 70px 58px auto;align-items:center;gap:6px;padding:4px;display:grid}.tuner__string-pick{min-height:40px;color:var(--theme-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:10px;padding:4px 8px;display:flex}.tuner__string-num{background:var(--theme-text);width:24px;height:24px;color:var(--theme-panel-base);border-radius:50%;place-items:center;font-size:.75rem;font-weight:800;display:grid}.tuner__string-note{font-family:"Orbitron", var(--sheet-mono);font-size:1.05rem;font-weight:700}.tuner__string-hz{color:var(--theme-text-muted);font-size:.7rem}.tuner__check{color:#2e9e40;margin-left:auto;font-weight:900}.tuner__string--selected{box-shadow:0 0 0 2px var(--theme-accent)}.tuner__string--active{background:color-mix(in srgb, var(--theme-accent) 14%, var(--theme-control-bg))}.tuner__string--done .tuner__string-num{color:#fff;background:#35b84a}.tuner__string-count{flex-wrap:wrap;gap:6px;display:flex}@media (width<600px){.tuner__string{grid-template-columns:minmax(0,1fr) 64px 52px}.tuner__string .btn{grid-column:1/-1}}@media (width>=960px){.tuner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;gap:12px;display:grid}.tuner .page-header{grid-column:1/-1}}@media (width<600px){.mode-nav__btn{letter-spacing:0;padding:0 1px;font-size:.5rem}.mode-nav__icon{font-size:1.05rem}}@media (width>=960px) and (width<1280px){.mode-nav__btn{padding:6px 9px;font-size:.66rem}}.live__overview{--s:.78;column-width:300px;border-top:1px solid var(--theme-control-border);column-gap:12px;padding-top:6px}.live-part{border-left:4px solid var(--section-color);background:var(--theme-control-bg);break-inside:avoid;cursor:pointer;border-radius:4px;margin:0 0 10px;padding:8px 10px;display:block}.live-part--now{box-shadow:0 0 0 2px var(--section-color);cursor:default}.live-part__label{letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px;font-size:.72rem;font-weight:900}.live-part__chords{font-family:var(--sheet-mono);white-space:pre-wrap;margin:0 0 4px;font-size:.9rem;font-weight:800;overflow-x:auto}.live-part__notes{color:var(--theme-text-muted);margin:4px 0 0;font-size:.72rem;font-style:italic}.live-part .tab-display__measure{font-size:.74rem}.tab-display__now{background:var(--theme-accent);color:#fff;border-radius:2px}.fretboard__neck.neck--vertical .neck__svg{width:min(100%,340px);height:auto}@media (width<600px){.ex-player__neck .neck__svg,.live__neck .neck__svg{min-width:0}.ex-player{padding:10px}}.teach__setup{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.teach__setup .scale-selector,.teach__setup .field{min-width:min(100%,180px)}.teach__capo{background:var(--theme-control-bg);color:var(--theme-text);border-radius:4px;align-self:center;padding:6px 10px;font-size:.8rem;font-weight:800}.teach__nav{width:100%;overflow-x:auto}.teach__lead{color:var(--theme-text-muted);margin:0;font-size:.85rem;line-height:1.45}.teach__empty{margin:0;font-weight:700}.teach-lesson{flex-direction:column;gap:12px;display:flex}.teach-lesson__bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.teach__count,.teach__score{color:var(--theme-text-muted);margin-left:auto;font-size:.8rem;font-weight:800}.teach__score{color:var(--theme-text);margin-left:0}.teach-legend{flex-wrap:wrap;gap:8px 14px;display:flex}.teach-legend__item{color:var(--theme-text);align-items:center;gap:6px;font-size:.78rem;font-weight:800;display:flex}.teach-legend__hint{color:var(--theme-text-muted);font-weight:600}.teach-legend__swatch{border-radius:3px;width:16px;height:16px;box-shadow:inset 0 0 0 1px #0003}.teach-shape{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.teach-shape__title{margin:0 0 4px;font-size:1.15rem}.teach-block{background:#00000026;border-radius:6px;flex-direction:column;gap:3px;padding:8px;display:flex}.teach-block__row{gap:3px;display:flex}.teach-block__cell{background:#0002;border-radius:4px;place-items:center;width:28px;height:28px;font-size:.68rem;font-weight:800;display:grid}.teach-block__cell--on{box-shadow:inset 0 -3px #0003,inset 0 2px #fff4}.teach-quiz{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.teach-quiz__btn{gap:6px}.teach-quiz__btn--right{box-shadow:inset 0 0 0 2px #2e9e40}.teach-quiz__btn--wrong{box-shadow:inset 0 0 0 2px #e8283c}.teach__feedback{margin:0;font-weight:700}.teach__feedback--quiet{color:var(--theme-text-muted);font-weight:600}.teach-notes,.teach-choices,.teach-modes,.teach-prog{flex-wrap:wrap;gap:6px;display:flex}.teach-note,.teach-mode,.teach-choice{border:1px solid var(--theme-control-border);background:var(--theme-control-bg);color:var(--theme-text);font:inherit;cursor:pointer;border-radius:4px}.teach-note{min-width:42px;min-height:40px;padding:6px 8px;font-weight:800}.teach-note--on,.teach-mode--on,.teach-choice--on{box-shadow:inset 0 0 0 2px var(--theme-accent);background:var(--theme-tab-active)}.teach-more{color:var(--theme-text-muted);font-size:.8rem}.teach-more summary{cursor:pointer;font-weight:700}.teach-harmony{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.teach-harmony__melody,.teach-harmony__match{min-width:120px;color:inherit;font:inherit;text-align:left;cursor:pointer;border:none;border-radius:6px;flex-direction:column;align-items:flex-start;padding:8px 12px;display:flex}.teach-harmony__melody{color:#fff;background:#9b3fd6}.teach-harmony__match{color:#1a1a1a;background:#f2d016}.teach-harmony__role{letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:800}.teach-harmony__melody strong,.teach-harmony__match strong{font-size:1.4rem;line-height:1.1}.teach-choice{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;max-width:220px;padding:8px 10px;display:flex}.teach-choice small{color:var(--theme-text-muted);font-size:.7rem}.teach-mode{text-align:left;align-items:center;gap:8px;padding:6px 10px 6px 6px;display:flex}.teach-mode__degree{color:#fff;background:#9b3fd6;border-radius:4px;place-items:center;width:26px;height:26px;font-weight:800;display:grid}.teach-mode--on .teach-mode__degree{background:#e8283c}.teach-mode__aka{color:var(--theme-text-muted);font-size:.7rem;display:block}.teach__formula{flex-wrap:wrap;gap:6px;margin:0;display:flex}.teach-formula__note{color:#10252a;background:#18c4e0;border-radius:4px;flex-direction:column;align-items:center;min-width:42px;padding:6px 4px;font-weight:800;display:flex}.teach-formula__note small{font-size:.68rem;font-weight:700}.teach-formula__note--root{color:#fff;background:#9b3fd6}.teach-formula__note--color{color:#fff;background:#e8283c}.teach-prog{margin:0;padding:0;list-style:none}.teach-prog li{background:var(--theme-control-bg);min-width:52px;color:var(--theme-text);text-align:center;border-radius:4px;padding:8px 10px;font-weight:800}.teach-prog__now{background:var(--theme-accent);color:#111}.fit-sheet{min-height:0;color:var(--theme-text);flex-direction:column;gap:6px;display:flex}.fit-sheet__bar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:6px 10px;display:flex}.fit-sheet__title{flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:.9rem;display:flex}.fit-sheet__chip{border:1px solid var(--theme-control-border);background:var(--theme-control-bg);border-radius:999px;padding:1px 8px;font-size:.72rem;font-weight:800}.fit-sheet__parts .segmented__btn{min-height:30px;padding:3px 10px}.fit-sheet__warn{color:var(--theme-text-muted);text-align:center;flex-shrink:0;margin:0;font-size:.7rem}.fit-sheet__cols{--s:var(--fit,1);column-width:calc(var(--fit,1) * max(290px, var(--chord-ch,0) * 10.4px + 28px));column-gap:calc(var(--fit,1) * 18px);column-fill:auto;column-rule:1px solid var(--theme-control-border);flex:1;min-height:0;overflow:hidden}.fit-part{margin:0 0 calc(var(--fit,1) * 10px);padding:calc(var(--fit,1) * 6px) calc(var(--fit,1) * 8px);border-left:calc(var(--fit,1) * 4px) solid var(--section-color);background:var(--theme-control-bg);border-radius:3px}.fit-part__label{margin:0 0 calc(var(--fit,1) * 3px);color:var(--theme-text);font-size:calc(var(--fit,1) * 15px);letter-spacing:.08em;text-transform:uppercase;break-after:avoid;font-weight:900}.fit-part__bars{color:var(--theme-text-muted);letter-spacing:0;text-transform:none;font-size:.75em}.fit-part__chords{margin:0 0 calc(var(--fit,1) * 4px);font-family:var(--sheet-mono);font-size:calc(var(--fit,1) * 17px);white-space:pre;break-inside:avoid;font-weight:800;line-height:1.3}.fit-part__tab{margin:calc(var(--fit,1) * 3px) 0;break-inside:avoid}.fit-part__tab .tab-display__measure{font-size:calc(var(--fit,1) * 13px);line-height:1.2;overflow:visible}.fit-part__tab .tab-display{row-gap:calc(var(--fit,1) * 4px)}.fit-part__sublabel{color:var(--theme-text-muted);font-size:calc(var(--fit,1) * 11px);letter-spacing:.08em;text-transform:uppercase;font-weight:800;display:block}.fit-part__single{margin:calc(var(--fit,1) * 3px) 0;font-family:var(--sheet-mono);font-size:calc(var(--fit,1) * 14px);white-space:pre-wrap;font-weight:700}.fit-part__notes,.fit-part__song-notes{margin:calc(var(--fit,1) * 3px) 0 0;color:var(--theme-text-muted);font-size:calc(var(--fit,1) * 13px);white-space:pre-wrap;line-height:1.35}.fit-part__song-notes{margin:0 0 calc(var(--fit,1) * 8px);font-style:italic}@media (width>=960px){.stage--full .stage__body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.stage--full .stage__sheet{grid-row:2;min-height:0}.stage--full .stage__controls{grid-template-columns:260px repeat(auto-fit,minmax(200px,1fr));align-items:start;max-height:45vh;display:grid}.stage--view-live .stage__sheet{padding-bottom:0;overflow:hidden}}@media (width<960px){.stage--view-live .stage__sheet{padding-bottom:0}}.fit-sheet__tools{flex-wrap:wrap;gap:6px;display:flex}.fit-sheet__zoom .segmented__btn{min-height:30px;padding:3px 10px;font-weight:900}.fit-sheet__cols--zoomed{-webkit-overflow-scrolling:touch;overflow-x:auto}.fit-part{cursor:zoom-in}.fit-part--focused{cursor:zoom-out}.fit-sheet__focus-bar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;gap:6px;display:flex}.sheet-section--solo,.fit-part--solo{--section-color:#e8283c;cursor:default}.fit-part--idea{border-left-style:dashed}.solo-controls{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;display:flex}.solo-controls .input{width:auto;max-width:100%}.solo-controls .segmented__btn{min-height:32px;padding:3px 10px}.solo-idea__tip{color:var(--theme-text-muted);font-size:calc(var(--fit,1) * 12px);margin:0 0 4px;font-style:italic}.solo-builder{border:1px dashed var(--theme-control-border);border-radius:6px;flex-direction:column;gap:8px;padding:10px;display:flex}.solo-builder .solo-idea__tip{font-size:.78rem}.solos-editor{flex-direction:column;gap:10px;display:flex}.solos-editor__head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.solos-editor__hint{color:var(--theme-text-muted);font-size:.72rem}.solos-editor__actions{flex-wrap:wrap;gap:6px;display:flex}.solo-panel{flex-direction:column;gap:8px;display:flex}.solo-panel__bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.solo-panel__bpm,.solo-panel__toggle{color:var(--theme-text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:.78rem;display:inline-flex}.solo-panel__bpm input{width:90px}.solo-panel__label{margin:0;font-weight:700}.solo-panel .solo-idea__tip{font-size:.78rem}.solo-panel__legend{color:var(--theme-text-muted);margin:0;font-size:.7rem}.staff{width:100%;min-width:0;color:var(--theme-text);flex-direction:column;gap:4px;display:flex}.staff__system{max-width:100%;display:block;overflow:visible}.staff__line,.staff__bar{stroke:currentColor;stroke-width:1px;opacity:.75}.staff__stem{stroke:currentColor;stroke-width:1.3px}.staff__ink,.staff__glyph,.staff__time,.staff__eight{fill:currentColor}.staff__hollow{fill:none;stroke:currentColor;stroke-width:1.6px}.staff__time{font:900 17px/1 Libre Baskerville,Georgia,serif}.staff__eight{font:700 9px/1 Georgia,serif}.staff__mark{fill:var(--theme-text-muted);font:700 9px/1 system-ui,sans-serif}.staff__name{fill:var(--theme-text-muted);font:700 10px/1 system-ui,sans-serif}.staff__note--tap{cursor:pointer}.staff__note--on{color:var(--theme-accent)}.staff__note--on .staff__name{fill:var(--theme-accent)}.sheet-panel{flex-direction:column;gap:10px;display:flex}.sheet-panel__key{margin:0;font-size:.85rem}.sheet-panel__hints{color:var(--theme-text-muted);margin:0;padding-left:18px;font-size:.75rem;line-height:1.5}.note-quiz{border-top:1px dashed var(--theme-control-border);flex-direction:column;align-items:flex-start;gap:8px;padding-top:8px;display:flex}.note-quiz .staff{max-width:260px}.note-quiz__options{flex-wrap:wrap;gap:6px;display:flex}.note-quiz__wrong{opacity:.6;text-decoration:line-through}.note-quiz__status{flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:.85rem;display:flex}.staff__glyph{font-variant-emoji:text}:root,[data-theme=marshall]{--theme-on-active:#111;--theme-select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23111' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}[data-theme=orange]{--theme-on-active:#fff}[data-theme=mesa]{--theme-on-active:#fff;--theme-select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e8e8e8' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}[data-theme=vox]{--theme-on-active:#1a1408;--theme-select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23f5f0e0' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}.instrument-selector__btn--active,.view-tabs__btn--active,.fretboard-view-toggle__btn--active,.chord-shapes__degree-btn--active,.chord-shapes__shape-btn--active,.live__section--now,.live__chord--now,.capo-guide__option--on,.btn--primary,.segmented__btn--active,.tab-editor__cell--active,.tab-key:active,.tab-key--on,.sheet__chip--key,.stage__key-btn--open,[data-theme] .instrument-selector__btn--active,[data-theme] .view-tabs__btn--active{color:var(--theme-on-active)}.chord-shapes__degree-btn--active .chord-shapes__degree-num,.chord-shapes__degree-btn--active .chord-shapes__degree-label,.btn--primary *{color:inherit}.fretboard-view-toggle{border-color:var(--theme-control-border);background:var(--theme-control-bg);box-shadow:inset 0 2px 5px var(--theme-control-shadow)}.fretboard-view-toggle__btn{color:var(--theme-text-muted)}.fretboard-view-toggle__btn--active{background:var(--theme-tab-active)}.view-tabs__btn,.view-tabs__btn--active{border-color:var(--theme-control-border)}.chord-shapes__degree-btn,.chord-shapes__shape-btn{border-color:var(--theme-control-border);background:var(--theme-control-bg);color:var(--theme-text-muted)}.chord-shapes__degree-btn--active,.chord-shapes__shape-btn--active{border-color:color-mix(in srgb, var(--theme-text) 30%, transparent);background:var(--theme-tab-active)}.chord-shapes__legend{border-color:var(--theme-control-border);background:var(--theme-control-bg)}.chord-shapes__legend-title,.chord-shapes__legend-note,.chord-shapes__legend-mute,.chord-shapes__unavailable{color:var(--theme-text-muted)}.chord-shapes__legend-list li,.chord-shapes__legend-note strong,.chord-shapes__legend-open{color:var(--theme-text)}.chord-shapes__legend-dot{background:var(--theme-text)}.nashville__cell{border-color:var(--theme-control-border);background:var(--theme-control-bg)}.nashville__cell--aug .nashville__chord,.capo-selector__hint{color:var(--theme-text-muted)}.fretboard__marker-dot{background:var(--theme-text-muted)}.capo-selector__select,.scale-selector__select,.tuning-selector__select{background-image:var(--theme-select-arrow)}.input,select.input,.chip-btn,.btn,.segmented__btn,.tab-key,.shape-chip,.ex-card,.list-row__main,.set-item__title,.picker__row,.segmented__btn:not(.segmented__btn--active),.btn--ghost{color:var(--theme-text)}.segmented__btn:not(.segmented__btn--active){opacity:.85}.btn--danger{color:var(--theme-accent)}[data-theme=vox] .btn--danger,[data-theme=vox] .tab-key--danger,[data-theme=vox] .tab-key--muted{color:#ff8a7a}[data-theme=orange] .tab-display__now,[data-theme=orange] .drums__fill{color:#111}.view-tabs__btn:not(.view-tabs__btn--active),.fretboard-view-toggle__btn:not(.fretboard-view-toggle__btn--active),.instrument-selector__btn:not(.instrument-selector__btn--active),.chord-shapes__degree-btn:not(.chord-shapes__degree-btn--active),.chord-shapes__shape-btn:not(.chord-shapes__shape-btn--active){color:color-mix(in srgb, var(--theme-text) 78%, transparent)}.nashville__cell--dim .nashville__chord,.nashville__cell--aug .nashville__chord{color:var(--theme-text-muted)}[data-theme=mesa] .key-dial__center-label,[data-theme=vox] .key-dial__center-label{color:#111}[data-theme=marshall]{--theme-text-muted:#000000c4;--theme-label:#000000c4;--theme-text-faint:#0000007a;--theme-control-bg:#ffffff38;--theme-accent-text:#8a0e22;--theme-relative-text:#3d2a66;--theme-on-fret:#111;--theme-on-fret-root:#7a0c1e}[data-theme=orange]{--theme-text-muted:#000000b8;--theme-label:#000000b8;--theme-text-faint:#00000080;--theme-accent-text:#a33b00;--theme-relative-text:#6b3410;--theme-on-fret:#111;--theme-on-fret-root:#111}[data-theme=mesa]{--theme-text-muted:#e0e0e0c7;--theme-label:#e0e0e0c7;--theme-text-faint:#c8c8c885;--theme-accent-text:#ff7a7a;--theme-relative-text:#a9bccf;--theme-tab-active:linear-gradient(180deg, #6a6a6a 0%, #454545 100%);--theme-fret-scale:#5c5c5c;--theme-fret-scale-end:#3e3e3e;--theme-fret-root:#dcdcdc;--theme-fret-root-end:#ababab;--theme-on-fret:#fff;--theme-on-fret-root:#111;--theme-logo-color:#141414;--theme-subtitle-color:#141414c7}[data-theme=vox]{--theme-text-muted:#f5f0e0c7;--theme-label:#e2c47e;--theme-text-faint:#d4af5a8f;--theme-accent-text:#e8c65c;--theme-relative-text:#cfb088;--theme-on-fret:#1a1408;--theme-on-fret-root:#4a1020;--theme-subtitle-color:#e6cc88}.nashville__number,.theory__degree,.theory__gap,.transpose-conversion__degree,.triad-picker__degree,.btn--danger,.btn--icon.btn--danger{color:var(--theme-accent-text)}.nashville__cell--minor .nashville__number,.amp__brand-shape-key{color:var(--theme-relative-text)}[data-theme=vox] .btn--danger{color:#ff9a8a}.nashville__cell--dim .nashville__chord,.nashville__cell--aug .nashville__chord,.nashville__cell--minor .nashville__chord,.transpose-conversion__from,.amp__brand-detail{color:var(--theme-text-muted);opacity:1}.fretboard__cell--in-scale .fretboard__note-name{color:var(--theme-on-fret)}.fretboard__cell--root .fretboard__note-name,.fretboard__cell--root.fretboard__cell--in-scale .fretboard__note-name{color:var(--theme-on-fret-root);text-underline-offset:2px;text-decoration:underline}:is(.instrument-selector__btn--active,.view-tabs__btn--active,.fretboard-view-toggle__btn--active,.chord-shapes__degree-btn--active,.chord-shapes__shape-btn--active,.capo-guide__option--on,.btn--primary,.segmented__btn--active,.tab-editor__cell--active,.tab-key--on,.sheet__chip--key,.stage__key-btn--open),:is(.chord-shapes__degree-btn--active,.chord-shapes__shape-btn--active,.fretboard-view-toggle__btn--active,.btn--primary,.segmented__btn--active) *{color:var(--theme-on-active);opacity:1}.segmented__btn.segmented__btn--active{opacity:1}.mode-nav__btn{color:#ffffffd9}[data-theme=orange] .mode-nav__btn--active{color:#111;background:#ffe0c2}.ex-tab__finger{border-radius:50%;width:20px;margin:2px auto 0}.finger__num{stroke:none}.ex-legend{opacity:1}.ex-legend:not(.ex-legend--now){font-weight:500}.ex-level--advanced{background:#c8102e}.shape-chip--all,.shape-chip__name{color:var(--theme-text)}[data-theme=marshall] :is(.key-dial__cof-minor,.key-dial__cof-signature),[data-theme=orange] :is(.key-dial__cof-minor,.key-dial__cof-signature){color:#000000d9}[data-theme=marshall] .key-dial__cof-major{color:#111}[data-theme=vox] :is(.key-dial__cof-minor,.key-dial__cof-signature){color:#e2c47e}.theory__row--out{opacity:.8}.segmented__btn:not(.segmented__btn--active),.chip-btn--bar{opacity:1}[data-theme=orange] .mode-nav__btn{color:#000}@media (width>=600px){[data-theme=orange] .mode-nav__btn:not(.mode-nav__btn--active){color:#ffffffd9}}[data-theme=marshall] .key-dial__cof-cell--selected{background:#ffffff4d}[data-theme=marshall] .key-dial__cof-cell--selected :is(.key-dial__cof-minor,.key-dial__cof-signature){color:#000000d9}[data-theme=orange]{--theme-accent-text:#7f2e00}[data-theme=mesa] .amp__subtitle{color:#141414}.ex-tab__labels span,.tab-editor__labels span{color:var(--theme-text)}