.surface-scroll.svelte-1y01ri2{overflow-x:auto;overscroll-behavior-x:contain;contain:inline-size}.readout.svelte-1y01ri2{margin:0 0 4px;min-height:1.4em;font:600 13px/1.4 system-ui,sans-serif;color:var(--color-surface-800)}.readout.svelte-1y01ri2 .hint:where(.svelte-1y01ri2){font-weight:400;color:var(--color-surface-600)}.dark .readout.svelte-1y01ri2{color:var(--color-surface-200)}.dark .readout.svelte-1y01ri2 .hint:where(.svelte-1y01ri2){color:var(--color-surface-400)}.surface.svelte-1y01ri2{position:relative}.surface.svelte-1y01ri2 .art{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.cell.svelte-1y01ri2{position:absolute;padding:0;border:0;border-radius:6px;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.cell.svelte-1y01ri2:focus-visible{outline:2px solid var(--color-primary-400);outline-offset:-2px}.dot.svelte-1y01ri2{position:absolute;left:var(--dot-x);top:var(--dot-y);width:var(--dot);height:var(--dot);margin:calc(var(--dot) / -2) 0 0 calc(var(--dot) / -2);border-radius:9999px;display:flex;align-items:center;justify-content:center;font:700 12px/1 system-ui,sans-serif;font-variant-numeric:tabular-nums;color:transparent;opacity:0;pointer-events:none;transition:opacity .12s,transform 80ms}@media(hover:hover){.cell.svelte-1y01ri2:hover .dot:where(.svelte-1y01ri2){opacity:1;background:color-mix(in oklch,var(--color-primary-200),transparent 55%);box-shadow:0 0 0 1.5px color-mix(in oklch,var(--color-primary-200),transparent 25%);color:color-mix(in oklch,var(--color-primary-50),transparent 15%)}.fretless.svelte-1y01ri2 .cell:where(.svelte-1y01ri2):hover .dot:where(.svelte-1y01ri2){background:radial-gradient(circle,color-mix(in oklch,var(--color-primary-100),transparent 10%) 0 18%,color-mix(in oklch,var(--color-primary-300),transparent 55%) 38%,transparent 70%);box-shadow:none;color:transparent;transform:scale(1.35)}}.cell.svelte-1y01ri2:focus-visible .dot:where(.svelte-1y01ri2){opacity:1;color:color-mix(in oklch,var(--color-primary-50),transparent 15%);background:color-mix(in oklch,var(--color-primary-200),transparent 55%)}.cell[data-state=candidate].svelte-1y01ri2 .dot:where(.svelte-1y01ri2){opacity:1;background:color-mix(in oklch,var(--color-primary-300),transparent 80%);box-shadow:0 0 0 2.5px var(--color-primary-300),0 0 0 4px #0000008c;transform:none}.cell[data-state=caret].svelte-1y01ri2 .dot:where(.svelte-1y01ri2){opacity:1;color:var(--color-warning-contrast-500);background:radial-gradient(circle at 36% 32%,var(--color-warning-200),var(--color-warning-500) 52%,var(--color-warning-700));box-shadow:0 0 0 2px var(--color-warning-50),0 0 14px 4px color-mix(in oklch,var(--color-warning-400),transparent 30%),0 2px 3px 1px #0009;transform:none}.cell[data-state=trail].svelte-1y01ri2 .dot:where(.svelte-1y01ri2){opacity:.55;color:transparent;background:radial-gradient(circle at 36% 32%,var(--color-warning-200),var(--color-warning-500) 52%,var(--color-warning-700));box-shadow:0 0 8px 2px color-mix(in oklch,var(--color-warning-400),transparent 50%);transform:scale(.85);transition:opacity .26s,transform .26s}.cell[data-state=trail][data-age="2"].svelte-1y01ri2 .dot:where(.svelte-1y01ri2){opacity:.28;transform:scale(.75)}.cell[data-state=trail].svelte-1y01ri2:not([data-age="1"]):not([data-age="2"]) .dot:where(.svelte-1y01ri2){opacity:.15;transform:scale(.7)}.cell.svelte-1y01ri2:active .dot:where(.svelte-1y01ri2){opacity:1;transform:scale(.92);color:var(--color-primary-contrast-500);background:var(--color-primary-500);box-shadow:0 0 0 2px var(--color-primary-contrast-500)}.ring-dots.svelte-1y01ri2 .dot:where(.svelte-1y01ri2){left:2px;top:2px;width:calc(100% - 4px);height:calc(100% - 4px);margin:0;border-radius:8px;color:transparent}.ring-dots.svelte-1y01ri2 .cell[data-state=caret]:where(.svelte-1y01ri2) .dot:where(.svelte-1y01ri2),.ring-dots.svelte-1y01ri2 .cell[data-state=trail]:where(.svelte-1y01ri2) .dot:where(.svelte-1y01ri2){background:color-mix(in oklch,var(--color-warning-400),transparent 55%);box-shadow:0 0 0 2px var(--color-warning-500);color:transparent;transform:none}.ring-dots.svelte-1y01ri2 .cell[data-state=candidate]:where(.svelte-1y01ri2) .dot:where(.svelte-1y01ri2){background:transparent;box-shadow:0 0 0 2.5px var(--color-primary-400),0 0 0 4px #00000059}.ring-dots.svelte-1y01ri2 .cell:where(.svelte-1y01ri2):active .dot:where(.svelte-1y01ri2){background:color-mix(in oklch,var(--color-primary-500),transparent 60%);box-shadow:0 0 0 2px var(--color-primary-500);transform:none}@media(hover:hover){.ring-dots.svelte-1y01ri2 .cell:where(.svelte-1y01ri2):hover .dot:where(.svelte-1y01ri2){background:color-mix(in oklch,var(--color-primary-200),transparent 70%);box-shadow:0 0 0 1.5px var(--color-primary-300)}}.board.svelte-yks3iz{fill:var(--color-surface-100);stroke:var(--color-surface-300);stroke-width:1}.inlay.svelte-yks3iz{fill:var(--color-surface-300)}.fret.svelte-yks3iz{stroke:var(--color-surface-400);stroke-width:1.5}.position.svelte-yks3iz{stroke:var(--color-surface-300);stroke-width:.8;stroke-dasharray:2 3}.position.taped.svelte-yks3iz{stroke:var(--color-surface-400);stroke-dasharray:none}.finger.svelte-yks3iz{fill:var(--color-surface-400)}.nut.svelte-yks3iz{fill:var(--color-surface-600)}.beyond.svelte-yks3iz{fill:var(--color-surface-50);opacity:.6}.string.svelte-yks3iz{stroke:var(--color-surface-500)}.string.wound.svelte-yks3iz{stroke:var(--color-surface-600)}.ink.svelte-yks3iz .name:where(.svelte-yks3iz){font:600 11px system-ui,sans-serif;fill:var(--color-surface-700)}.ink.svelte-yks3iz .num:where(.svelte-yks3iz){font:10px system-ui,sans-serif;fill:var(--color-surface-600)}.ink.svelte-yks3iz .num.on:where(.svelte-yks3iz){font-weight:700;fill:var(--color-surface-950)}.dark .board.svelte-yks3iz{fill:var(--color-surface-800);stroke:var(--color-surface-600)}.dark .inlay.svelte-yks3iz{fill:var(--color-surface-600)}.dark .fret.svelte-yks3iz{stroke:var(--color-surface-500)}.dark .position.svelte-yks3iz{stroke:var(--color-surface-600)}.dark .position.taped.svelte-yks3iz,.dark .finger.svelte-yks3iz{stroke:var(--color-surface-500);fill:var(--color-surface-500)}.dark .nut.svelte-yks3iz{fill:var(--color-surface-300)}.dark .beyond.svelte-yks3iz{fill:var(--color-surface-950)}.dark .string.svelte-yks3iz{stroke:var(--color-surface-400)}.dark .string.wound.svelte-yks3iz{stroke:var(--color-surface-300)}.dark .ink.svelte-yks3iz .name:where(.svelte-yks3iz){fill:var(--color-surface-300)}.dark .ink.svelte-yks3iz .num:where(.svelte-yks3iz){fill:var(--color-surface-400)}.dark .ink.svelte-yks3iz .num.on:where(.svelte-yks3iz){fill:var(--color-surface-50)}@media(hover:hover){html:not(.dark) .plain-neck .cell:hover .dot{background:color-mix(in oklch,var(--color-primary-500),transparent 75%);box-shadow:0 0 0 1.5px var(--color-primary-500);color:var(--color-primary-900)}}html:not(.dark) .plain-neck .cell:focus-visible .dot{background:color-mix(in oklch,var(--color-primary-500),transparent 75%);color:var(--color-primary-900)}