:root{--ink:#0d1017;--ink-2:#141a23;--ink-3:#1b222d;--ink-4:#26303e;--line:#2c3644;--line-soft:#e2ebf814;--bone:#e9eff8;--bone-2:#aab7c9;--bone-3:#7a889d;--brass:#f7b950;--brass-deep:#9b6f20;--brass-glow:#f7b9502e;--abalone:#45dfc8;--abalone-deep:#1c8175;--abalone-glow:#45dfc829;--rose:#f4795e;--maple-1:#f2e5c8;--maple-2:#ddc79e;--maple-3:#c4a97c;--maple-edge:#7d6540;--display:"Archivo", ui-sans-serif, system-ui, sans-serif;--body:"Archivo", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--h1-size:clamp(2.4rem, 1.4rem + 5.4vw, 5rem);--shell:min(1240px, 100% - 2.5rem);--radius:6px;--radius-lg:12px;--ease:cubic-bezier(.22, .61, .36, 1)}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--ink);color:var(--bone);font-family:var(--body);font-synthesis-weight:none;-webkit-font-smoothing:antialiased;min-height:100svh;font-size:clamp(.95rem,.9rem + .2vw,1.0625rem);line-height:1.6;overflow-x:hidden}.grain{z-index:0;pointer-events:none;opacity:.28;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E");position:fixed;inset:0}img,svg{max-width:100%;display:block}button,select,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}:where(a){color:var(--brass);text-underline-offset:3px}:focus-visible{outline:2px solid var(--abalone);outline-offset:2px;border-radius:2px}.eyebrow{font-family:var(--display);font-variation-settings:"wdth" 112;letter-spacing:.14em;text-transform:uppercase;color:var(--bone-3);font-size:.75rem;font-weight:600}.mono{font-family:var(--mono);font-feature-settings:"ss01";letter-spacing:-.03em}h1,h2,h3{font-family:var(--display);font-variation-settings:"wdth" 115;letter-spacing:-.005em;text-transform:uppercase;text-wrap:balance;font-weight:700;line-height:.98}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.shell{width:var(--shell);z-index:1;margin-inline:auto;position:relative}.masthead{z-index:40;background:color-mix(in oklab, var(--ink) 88%, transparent);backdrop-filter:blur(14px)saturate(1.2);border-bottom:1px solid var(--line);position:sticky;top:0}.masthead__inner{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;padding-block:.7rem;display:flex}.wordmark{font-family:var(--display);font-variation-settings:"wdth" 122;letter-spacing:.12em;text-transform:uppercase;color:var(--bone);align-items:baseline;gap:.5rem;margin-right:auto;font-size:1rem;font-weight:800;display:flex}.wordmark span{color:var(--brass)}.switch{background:var(--ink-3);border:1px solid var(--line);border-radius:var(--radius);gap:2px;padding:2px;display:flex}.switch button{font-family:var(--display);font-variation-settings:"wdth" 108;letter-spacing:.06em;text-transform:uppercase;color:var(--bone-3);transition:color .18s var(--ease), background .18s var(--ease);white-space:nowrap;border-radius:2px;padding:.4rem .85rem;font-size:.8125rem;font-weight:600}.switch button:hover{color:var(--bone)}.switch button[aria-pressed=true]{background:var(--brass);color:#14181f}.switch--count button{font-family:var(--mono);letter-spacing:0;padding-inline:.7rem}.switch--spelling button{min-width:2.1rem;padding-inline:.6rem}.switch--spelling button:not(:first-child){padding-block:.3rem;font-size:1rem;line-height:1}.switch--order button{padding-inline:.65rem}.switch--order button span{vertical-align:.08em;margin-left:.15em;font-size:.72em}.bench{padding-block:clamp(1.75rem,4vw,3.25rem) 1rem}.nameplate{grid-template-columns:minmax(0,1fr);align-content:center;gap:.9rem;max-width:62ch;display:grid}.nameplate__tags{flex-wrap:wrap;align-items:center;gap:.6rem;min-height:2rem;display:flex}.tag{font-family:var(--body);letter-spacing:.005em;border:1px solid var(--line);color:var(--bone-2);background:var(--ink-2);border-radius:999px;padding:.28rem .6rem;font-size:.8125rem;font-weight:500}.tag--live{border-color:var(--abalone-deep);color:var(--abalone);background:color-mix(in oklab, var(--abalone) 10%, var(--ink-2))}.tag--edit{border-color:var(--brass-deep);color:var(--brass);background:color-mix(in oklab, var(--brass) 10%, var(--ink-2))}.nameplate h1{font-size:var(--h1-size);font-variation-settings:"wdth" 108}.name-slot{min-width:0;min-height:calc(var(--h1-size) * 1.02);align-items:center;display:flex}#tuning-name{white-space:nowrap;line-height:.98;font-size:calc(1em * var(--name-scale,1));display:inline-block}.nameplate h1 .sub{font-variation-settings:"wdth" 120;letter-spacing:.09em;min-height:2.15em;color:var(--bone-3);margin-top:.7em;font-size:.3em;font-weight:500;display:block}.nameplate__detail{color:var(--bone-2);max-width:56ch;min-height:4.8em}.nameplate__spelling{font-family:var(--mono);color:var(--brass);letter-spacing:.02em;min-height:1.6em;font-size:clamp(.8rem,.7rem + .5vw,1rem);font-weight:500}.bench__top{align-items:center;gap:clamp(1.5rem,3vw,2.5rem);margin-bottom:clamp(1.5rem,3vw,2.25rem);display:grid}@media (width>=980px){.bench__top{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}}.headstock-frame{background:radial-gradient(115% 85% at 22% 8%, #1e2735 0%, #10141c 72%), var(--ink-2);border:1px solid var(--line);border-radius:var(--radius-lg);align-content:center;min-width:0;padding:.75rem .5rem;display:grid;position:relative;overflow:hidden}.headstock-frame:after{content:"";pointer-events:none;background:linear-gradient(105deg,#ffffff0a 0%,#0000 42%);position:absolute;inset:0}.headstock text{font-family:var(--mono);fill:var(--bone-2)}.headstock .hs-note{fill:var(--bone);letter-spacing:-.02em;transition:fill .26s var(--ease);font-size:16px;font-weight:700}.headstock .hs-delta{fill:var(--bone-3);font-size:13.5px;font-weight:700}.headstock .hs-decal{font-family:var(--display);font-variation-settings:"wdth" 118;letter-spacing:.26em;fill:#6d5730;opacity:.3;font-size:23px;font-weight:700}.hs-peg{cursor:pointer;-webkit-tap-highlight-color:transparent}.hs-peg:focus,.hs-peg:focus-visible{outline:none}.hs-focus{stroke:#0000;stroke-width:2px;stroke-dasharray:3 3.5;transition:stroke .15s var(--ease)}.hs-peg:focus-visible .hs-focus{stroke:var(--bone)}.hs-peg .hs-head{transition:transform .25s var(--ease), filter .26s var(--ease);transform-box:fill-box;transform-origin:50%}.hs-peg:hover .hs-head,.hs-peg:focus-visible .hs-head{transform:scale(1.09)}.hs-peg[data-dir=up] .hs-delta{fill:var(--brass)}.hs-peg[data-dir=down] .hs-delta{fill:var(--abalone)}.hs-arrow[data-dir=up]{stroke:var(--brass)}.hs-arrow[data-dir=down]{stroke:var(--abalone)}.hs-string{transition:filter .18s var(--ease)}.hs-string[data-ringing=true]{filter:drop-shadow(0 0 5px var(--abalone)) drop-shadow(0 0 12px var(--abalone-glow))}.hs-peg[data-ringing=true] .hs-head{filter:drop-shadow(0 0 7px var(--abalone));transform:scale(1.16)}.headstock .hs-peg[data-ringing=true] .hs-note{fill:var(--abalone)}@media (width<=720px){.headstock .hs-note{font-size:20px}.headstock .hs-delta{font-size:17px}.headstock .hs-caption{font-size:16px}.headstock .hs-decal{font-size:26px}}@media (width<=480px){.headstock .hs-note{font-size:30px}.headstock .hs-delta{font-size:25px}.headstock .hs-caption{font-size:23px}.headstock .hs-decal{font-size:34px}}.strings{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius-lg);gap:2px;display:grid;overflow:hidden}.strings__head{grid-template-columns:var(--cols);background:var(--ink-3);border-bottom:1px solid var(--line);align-items:center;gap:.6rem;padding:.6rem clamp(.75rem,2vw,1rem);display:grid}.strings__head span{font-family:var(--display);font-variation-settings:"wdth" 108;letter-spacing:.1em;text-transform:uppercase;color:var(--bone-3);font-size:.6875rem;font-weight:600}.strings__head span:nth-child(n+3){text-align:center}.string{--gauge:2px;grid-template-columns:var(--cols);background:var(--ink-2);transition:background .24s var(--ease);align-items:center;gap:.6rem;padding:.55rem clamp(.75rem,2vw,1rem);display:grid;position:relative}.string:hover{background:var(--ink-3)}.string:before{content:"";height:var(--gauge);opacity:.4;transition:opacity .26s var(--ease);pointer-events:none;background:linear-gradient(#ffffff8c 0,#93a0b2 40%,#3d4756 100%);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.string[data-dir=up]:before{background:linear-gradient(to bottom, #ffffff8c 0, var(--brass) 45%, var(--brass-deep) 100%);opacity:.55}.string[data-dir=down]:before{background:linear-gradient(to bottom, #ffffff8c 0, var(--abalone) 45%, var(--abalone-deep) 100%);opacity:.5}.string>*{position:relative}.string__id{transition:background .24s var(--ease);font-family:var(--mono);color:var(--bone-3);background:var(--ink-2);align-items:baseline;gap:.45rem;padding-right:.4rem;font-size:.68rem;display:flex}.string:hover .string__id{background:var(--ink-3)}.string__num{color:var(--bone-2);font-size:1rem;font-weight:600}.note-set{background:var(--ink-2);border-radius:var(--radius);transition:background .24s var(--ease);align-items:center;gap:.3rem;display:flex}.string:hover .note-set{background:var(--ink-3)}.step{border:1px solid var(--line);border-radius:var(--radius);background:var(--ink-3);width:2.1rem;height:2.1rem;color:var(--bone-2);transition:border-color .15s var(--ease), color .15s var(--ease), background .15s var(--ease);flex:none;place-items:center;font-size:1rem;line-height:1;display:grid}.step:hover:not(:disabled){border-color:var(--brass-deep);color:var(--brass);background:var(--ink-4)}.step:disabled{opacity:.32;cursor:not-allowed}.note-pick{appearance:none;font-family:var(--mono);color:var(--bone);background:var(--ink-3);border:1px solid var(--line);border-radius:var(--radius);text-align:center;text-align-last:center;cursor:pointer;min-width:5.25rem;transition:border-color .24s var(--ease), color .24s var(--ease);padding:.42rem .5rem;font-size:1.05rem;font-weight:700}.note-pick:hover{border-color:var(--brass-deep)}.note-pick option{background:var(--ink-3);color:var(--bone)}.turn{font-family:var(--mono);border:1px solid var(--line);border-radius:var(--radius);background:var(--ink-3);white-space:nowrap;justify-content:center;justify-self:center;align-items:baseline;gap:.3rem;min-width:9.75rem;padding:.4rem .7rem;font-size:.875rem;font-weight:700;display:flex}.turn[data-dir=up]{color:var(--brass);border-color:var(--brass-deep);background:color-mix(in oklab, var(--brass) 10%, var(--ink-3))}.turn[data-dir=down]{color:var(--abalone);border-color:var(--abalone-deep);background:color-mix(in oklab, var(--abalone) 10%, var(--ink-3))}.turn[data-dir=none]{color:var(--bone-3)}.turn__arrow{font-size:.9em;line-height:1}.turn__unit{font-family:var(--body);letter-spacing:.01em;opacity:.78;font-size:.8125rem;font-weight:500}.cell{font-family:var(--mono);color:var(--bone-2);text-align:center;background:var(--ink-2);transition:background .24s var(--ease);font-size:.875rem}.string:hover .cell{background:var(--ink-3)}.cell--from{color:var(--bone-3)}.play{border:1px solid var(--line);background:var(--ink-3);width:2.1rem;height:2.1rem;color:var(--bone-3);transition:color .24s var(--ease), border-color .24s var(--ease), transform .2s var(--ease), background .24s var(--ease);border-radius:50%;justify-self:center;place-items:center;display:grid}.play:hover{color:var(--abalone);border-color:var(--abalone-deep)}.string[data-ringing=true]{--ring-bg:color-mix(in oklab, var(--abalone) 7%, var(--ink-3));background:var(--ring-bg)}.string[data-ringing=true] .string__id,.string[data-ringing=true] .note-set,.string[data-ringing=true] .cell{background:var(--ring-bg)}.string[data-ringing=true]:before{opacity:1;animation:string-ring .44s var(--ease)}.string[data-ringing=true] .note-pick{border-color:var(--abalone);color:var(--abalone)}.string[data-ringing=true] .play{color:var(--abalone);border-color:var(--abalone);transform:scale(1.08)}@keyframes string-ring-edge{0%{transform:scaleX(3.2)}to{transform:scaleX(1)}}@keyframes string-ring{0%{transform:translateY(-50%)scaleY(3.2)}to{transform:translateY(-50%)scaleY(1)}}.strings__foot{background:var(--ink-3);border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.7rem clamp(.75rem,2vw,1.1rem);display:flex}.ghost-btn{font-family:var(--display);font-variation-settings:"wdth" 108;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);border-radius:var(--radius);color:var(--bone-2);background:var(--ink-2);transition:color .15s var(--ease), border-color .15s var(--ease);padding:.45rem .85rem;font-size:.75rem;font-weight:600}.ghost-btn:hover{color:var(--brass);border-color:var(--brass-deep)}.field{color:var(--bone-3);align-items:center;gap:.5rem;margin-left:auto;font-size:.8125rem;display:flex}.field select{appearance:none;font-family:var(--mono);color:var(--bone);background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;padding:.35rem .55rem;font-size:.8125rem}.field select:hover{border-color:var(--brass-deep)}.field select option{background:var(--ink-3)}.section{border-top:1px solid var(--line);padding-block:clamp(2.25rem,5vw,4rem)}.section__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 2rem;margin-bottom:1.5rem;display:flex}.section__head h2{font-variation-settings:"wdth" 112;font-size:clamp(1.35rem,1.1rem + 1.2vw,2rem)}.section__head p{color:var(--bone-3);max-width:46ch;font-size:.875rem}.library__controls{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.search{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);flex:12rem;align-items:center;gap:.5rem;min-width:0;padding:.4rem .7rem;display:flex}.search input{min-width:0;font-family:var(--body);background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.search input::placeholder{color:var(--bone-3)}.chips{flex-wrap:wrap;gap:.35rem;display:flex}.chip{font-family:var(--body);letter-spacing:.01em;border:1px solid var(--line);color:var(--bone-3);transition:color .15s var(--ease), border-color .15s var(--ease);border-radius:999px;padding:.42rem .85rem;font-size:.8125rem;font-weight:600}.chip:hover{color:var(--bone)}.chip[aria-pressed=true]{color:var(--ink);background:var(--bone-2);border-color:var(--bone-2)}.library{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.6rem;display:grid}.preset{text-align:left;background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .18s var(--ease), background .18s var(--ease), transform .18s var(--ease);gap:.4rem;padding:.85rem .95rem;display:grid}.preset:hover{border-color:var(--brass-deep);background:var(--ink-3);transform:translateY(-2px)}.preset[aria-current=true]{border-color:var(--brass);background:color-mix(in oklab, var(--brass) 8%, var(--ink-2))}.preset__name{font-family:var(--display);font-variation-settings:"wdth" 112;letter-spacing:.02em;text-transform:uppercase;color:var(--bone);font-size:.95rem;font-weight:700}.preset__notes{font-family:var(--mono);color:var(--brass);letter-spacing:.02em;font-size:.75rem}.preset__meta{color:var(--bone-3);font-size:.75rem;line-height:1.45}.library__empty{color:var(--bone-3);grid-column:1/-1;padding:2rem 0;font-size:.875rem}.board-wrap{overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--ink-2);scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:.75rem;overflow-x:auto}.board{min-width:700px}.board text{font-family:var(--mono)}.fret-num{fill:var(--bone-3);font-size:11px;font-weight:500}.open-label{fill:var(--bone);pointer-events:none;font-size:12px;font-weight:700}.board-note{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:filter .26s var(--ease)}.board-note:focus,.board-note:focus-visible{outline:none}.board-note__ring{stroke:#0000;stroke-width:2px;transition:stroke .15s var(--ease)}.board-note:hover .board-note__ring,.board-note:focus-visible .board-note__ring{stroke:var(--abalone)}.board-note[data-ringing=true] .board-note__ring{stroke:var(--abalone);stroke-width:3px}.board-note[data-ringing=true]{filter:drop-shadow(0 0 7px var(--abalone))}.board-string{transition:filter .18s var(--ease)}.board-string[data-ringing=true]{filter:drop-shadow(0 0 5px var(--abalone))}.dot-label{letter-spacing:-.04em;font-size:10px;font-weight:600}.chordbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.chordbar .field select{flex:none;min-width:4.25rem}.chord-quality{appearance:none;font-family:var(--body);color:var(--bone);background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;padding:.35rem .55rem;font-size:.8125rem}.chord-quality:hover{border-color:var(--brass-deep)}.chord-quality option{background:var(--ink-3)}.ghost-btn:disabled{opacity:.4;cursor:not-allowed}.ghost-btn:disabled:hover{color:var(--bone-2);border-color:var(--line)}.chord-readout{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius-lg);gap:.85rem;margin-top:1rem;padding:.9rem 1rem;display:grid}.chord-readout[hidden]{display:none}.chord-readout__head{flex-wrap:wrap;align-items:baseline;gap:.9rem;display:flex}.chord-readout__name{font-family:var(--display);font-variation-settings:"wdth" 112;letter-spacing:.01em;color:var(--brass);font-size:1.35rem;font-weight:700}.chord-readout__notes{font-family:var(--mono);color:var(--bone-2);font-size:.8125rem}.chord-readout__warn{color:var(--bone-3);font-size:.8125rem}.chord-grid{flex-wrap:wrap;gap:.4rem;display:flex}.chord-cell{background:var(--ink-3);border:1px solid var(--line);border-radius:var(--radius);justify-items:center;gap:.15rem;min-width:3.1rem;padding:.4rem .3rem;display:grid}.chord-cell[data-muted=true]{opacity:.45}.chord-cell__string{font-family:var(--display);letter-spacing:.08em;color:var(--bone-3);font-size:.625rem;font-weight:600}.chord-cell__fret{font-family:var(--mono);color:var(--brass);font-size:1.05rem;font-weight:700;line-height:1}.chord-cell[data-muted=true] .chord-cell__fret{color:var(--bone-3)}.chord-cell__note{font-family:var(--mono);color:var(--bone-2);font-size:.6875rem}.open-label--muted{fill:var(--bone-3);font-size:10px}.board-string[data-muted=true]{opacity:.4}.board__legend{color:var(--bone-3);flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-top:.9rem;font-size:.75rem;display:flex}.legend-swatch{vertical-align:-1px;border-radius:50%;width:.7rem;height:.7rem;margin-right:.4rem;display:inline-block}.specs{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;display:grid}.panel{background:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:1.1rem 1.15rem}.panel h3{font-variation-settings:"wdth" 108;letter-spacing:.1em;color:var(--bone-3);margin-bottom:.9rem;font-size:.8125rem}.stat{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:baseline;gap:1rem;padding:.4rem 0;font-size:.8125rem;display:flex}.stat:last-child{border-bottom:none}.stat dt{color:var(--bone-3)}.stat dd{font-family:var(--mono);color:var(--bone);text-align:right;font-size:.8125rem}.panel__note{color:var(--bone-2);font-size:.8125rem;line-height:1.55}.panel__note+.panel__note{margin-top:.6rem}.spread{align-items:flex-end;gap:.3rem;height:3rem;margin-top:.5rem;display:flex}.spread__bar{background:linear-gradient(to top, var(--brass-deep), var(--brass));border-radius:1px 1px 0 0;flex:1;min-height:3px}.table-wrap{border:1px solid var(--line);border-radius:var(--radius-lg);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:34rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.6rem .85rem;font-size:.8125rem}th{font-family:var(--display);font-variation-settings:"wdth" 108;letter-spacing:.1em;text-transform:uppercase;color:var(--bone-3);background:var(--ink-3);font-size:.7rem;font-weight:600;position:sticky;top:0}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--ink-2)}td.name{font-family:var(--display);font-variation-settings:"wdth" 110;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;font-weight:600}td.spelling{font-family:var(--mono);color:var(--brass);white-space:nowrap;font-size:.78rem}td.blurb{color:var(--bone-3);min-width:18rem}.foot{border-top:1px solid var(--line);color:var(--bone-3);flex-wrap:wrap;justify-content:space-between;gap:.75rem 2rem;padding-block:2rem 3rem;font-size:.8125rem;display:flex}.strings{--cols:6rem minmax(11.5rem, .75fr) minmax(10rem, 1fr) minmax(5rem, .4fr) minmax(6rem, .45fr) 2.5rem}@media (width<=880px){.strings{--cols:4.75rem minmax(8.5rem, .85fr) minmax(8.75rem, 1.15fr) 3.75rem 2.25rem}.col-hz{display:none}}@media (width<=700px){.masthead__inner{grid-template-columns:1.1fr .9fr;gap:.55rem .6rem;padding-block:.6rem .7rem;display:grid}.wordmark{grid-column:1/-1;margin-right:0;font-size:.9375rem}.switch{width:100%}.switch button{text-align:center;flex:1;padding-inline:.5rem}.wordmark{grid-column:1;align-self:center}.switch--spelling{grid-area:1/2;justify-self:end;width:auto}.switch--spelling button{flex:none}.switch--order{grid-column:1/-1}.nameplate__tags{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.nameplate__tags::-webkit-scrollbar{display:none}.tag{flex:none}.nameplate__detail{min-height:6.4em}.nameplate__spelling{min-height:3.2em}}@media (width<=760px){:root{--shell:min(1240px, 100% - 1.75rem)}.strings__head{display:none}.string{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"id turn""set play""from hz";align-items:center;gap:.4rem .75rem;padding:.7rem .85rem .7rem 1rem}.string+.string{border-top:1px solid var(--line)}.string:before{width:var(--gauge);transform-origin:0;opacity:.7;background:#77869b;height:auto;display:block;inset:0 auto 0 0;transform:none}.string[data-dir=up]:before{background:var(--brass);opacity:.95}.string[data-dir=down]:before{background:var(--abalone);opacity:.95}.string[data-ringing=true]:before{animation:string-ring-edge .44s var(--ease)}.string__id{grid-area:id;gap:.4rem}.string__num{font-size:1.15rem}.string__id span:last-child{font-size:.65rem}.note-set{grid-area:set}.note-set .step{width:2.4rem;height:2.4rem;font-size:1.1rem}.note-pick{min-width:5.5rem;padding-block:.5rem;font-size:1.15rem}.turn{grid-area:turn;justify-self:end;min-width:0;font-size:.8125rem}.cell--from{text-align:left;grid-area:from;font-size:.75rem}.cell--from:before{content:"from ";color:var(--bone-3)}.col-hz{text-align:right;color:var(--bone-3);grid-area:hz;font-size:.75rem;display:block}.play{width:2.6rem;height:2.6rem;color:var(--bone-2);border-color:var(--ink-4);background:var(--ink-4);grid-area:play;justify-self:end}.strings__foot{align-items:stretch;gap:.5rem}.strings__foot .ghost-btn{letter-spacing:.03em;flex:1;padding-inline:.4rem;font-size:.7rem}.field{width:100%;margin-left:0}.field select{flex:1}.chordbar{flex-wrap:nowrap;gap:.4rem;width:100%}.chordbar .field{flex:none;gap:0;width:auto}.chordbar .field__label{display:none}.chordbar .chord-quality{flex:auto;min-width:0}.chordbar .ghost-btn{flex:none;padding-inline:.6rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-motion:no-preference){.bench__top .nameplate>*{animation:rise .6s var(--ease) backwards}.bench__top .nameplate>:nth-child(2){animation-delay:60ms}.bench__top .nameplate>:nth-child(3){animation-delay:.12s}.bench__top .nameplate>:nth-child(4){animation-delay:.18s}.headstock-frame{animation:rise .7s .1s var(--ease) backwards}.strings{animation:rise .7s .2s var(--ease) backwards}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}