.hand.svelte-12s6zs7{margin:0;display:flex;flex-direction:column;align-items:center;gap:4px}.picture.svelte-12s6zs7{position:relative;color:var(--color-surface-700)}.dark .picture.svelte-12s6zs7{color:var(--color-surface-300)}.picture.svelte-12s6zs7 .art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.drawing-box.svelte-12s6zs7{position:absolute;top:0;right:0;bottom:0;left:0}.drawing-box.mirrored.svelte-12s6zs7{transform:scaleX(-1)}.drawing.svelte-12s6zs7{pointer-events:none;-webkit-user-select:none;user-select:none}.drawing.pending.svelte-12s6zs7{visibility:hidden}.tags.svelte-12s6zs7 text:where(.svelte-12s6zs7){font:700 22px system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;text-anchor:middle;fill:currentColor}.tags.drawn.svelte-12s6zs7 text:where(.svelte-12s6zs7){fill:#2a0d06}.ring.svelte-12s6zs7{fill:currentColor;fill-opacity:.1;stroke:currentColor;stroke-width:2.5}.chosen.svelte-12s6zs7{fill:none;stroke:var(--color-primary-500);stroke-width:3;stroke-dasharray:5 4}.chosen.written.svelte-12s6zs7{fill:color-mix(in oklch,var(--color-warning-400),transparent 35%);stroke:var(--color-warning-600);stroke-dasharray:none}.sounding.svelte-12s6zs7{fill:color-mix(in oklch,var(--color-primary-400),transparent 30%);stroke:var(--color-primary-600);stroke-width:3}.finger.svelte-12s6zs7{position:absolute;width:36px;height:36px;margin:-18px 0 0 -18px;padding:0;border:0;border-radius:9999px;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.finger.svelte-12s6zs7:focus-visible{outline:2px solid var(--color-primary-400)}@media(hover:hover){.finger.svelte-12s6zs7:hover{box-shadow:0 0 0 2px color-mix(in oklch,var(--color-primary-300),transparent 30%)}}figcaption.svelte-12s6zs7{font:11px/1.35 system-ui,sans-serif;text-align:center;color:var(--color-surface-600)}.dark figcaption.svelte-12s6zs7{color:var(--color-surface-400)}.pulled.svelte-12s6zs7{white-space:nowrap}.pulled.svelte-12s6zs7 u:where(.svelte-12s6zs7){font-weight:700;text-decoration-thickness:1.5px}.readout.svelte-2x6ed4{margin:0;min-height:1.4em;font:600 13px/1.4 system-ui,sans-serif;color:var(--color-surface-800)}.readout.svelte-2x6ed4 .hint:where(.svelte-2x6ed4){font-weight:400;color:var(--color-surface-600)}.dark .readout.svelte-2x6ed4{color:var(--color-surface-200)}.dark .readout.svelte-2x6ed4 .hint:where(.svelte-2x6ed4){color:var(--color-surface-400)}.strip.svelte-2x6ed4{contain:inline-size}.ends.svelte-2x6ed4{display:flex;flex-direction:column;gap:12px}.ends.side-by-side.svelte-2x6ed4{flex-direction:row;gap:16px}.ends.side-by-side.hands-beside.svelte-2x6ed4,.ends.side-by-side.hand-below.svelte-2x6ed4{display:grid;column-gap:16px;row-gap:8px;align-items:center}.ends.hands-beside.svelte-2x6ed4{grid-template-columns:var(--hand-slot) auto auto var(--hand-slot);justify-content:start}.ends.hands-beside.svelte-2x6ed4>*{grid-row:1}.ends.hands-beside.svelte-2x6ed4>.end-box[data-side=left]:where(.svelte-2x6ed4){grid-column:2}.ends.hands-beside.svelte-2x6ed4>.end-box[data-side=right]:where(.svelte-2x6ed4){grid-column:3}.ends.hands-beside.svelte-2x6ed4>.hand-slot[data-side=left]:where(.svelte-2x6ed4){grid-column:1;justify-self:end}.ends.hands-beside.svelte-2x6ed4>.hand-slot[data-side=right]:where(.svelte-2x6ed4){grid-column:4;justify-self:start}.ends.hand-below.svelte-2x6ed4{grid-template-columns:auto auto;justify-content:start}.ends.hand-below.svelte-2x6ed4>.end-box:where(.svelte-2x6ed4){grid-row:1}.ends.hand-below.svelte-2x6ed4>.hand-slot:where(.svelte-2x6ed4){grid-row:2}.ends.hand-below.svelte-2x6ed4>.hand-slot[data-side=left]:where(.svelte-2x6ed4){grid-column:1;justify-self:start}.ends.hand-below.svelte-2x6ed4>.hand-slot[data-side=right]:where(.svelte-2x6ed4){grid-column:2;justify-self:end}.ends.pair.svelte-2x6ed4{flex-direction:row;justify-content:center;gap:8px}.ends-map.svelte-2x6ed4{display:flex;justify-content:center;gap:8px;margin-bottom:6px}.map-end.svelte-2x6ed4{padding:2px 4px;border:2px solid transparent;border-radius:10px;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.map-end.shown.svelte-2x6ed4{border-color:var(--color-primary-500);background:color-mix(in oklch,var(--color-primary-500),transparent 88%)}.map-end.svelte-2x6ed4:focus-visible{outline:2px solid var(--color-primary-400);outline-offset:2px}.map-end.svelte-2x6ed4 .caption:where(.svelte-2x6ed4){text-align:center}.map-end.shown.svelte-2x6ed4 .caption:where(.svelte-2x6ed4){font-weight:700;color:var(--color-primary-700)}.dark .map-end.shown.svelte-2x6ed4 .caption:where(.svelte-2x6ed4){color:var(--color-primary-300)}.focus.svelte-2x6ed4{display:flex;flex-direction:column;align-items:center;gap:4px}.focus.svelte-2x6ed4 .caption:where(.svelte-2x6ed4),.ends.pair.svelte-2x6ed4 .caption:where(.svelte-2x6ed4){text-align:center}.hand-under.elsewhere.svelte-2x6ed4{visibility:hidden}.end-box.svelte-2x6ed4{max-width:100%}.keyboard-row.svelte-2x6ed4{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.keyboard-row.svelte-2x6ed4>.end-scroll:where(.svelte-2x6ed4){max-width:100%}.end-scroll.svelte-2x6ed4{overflow-x:auto;overscroll-behavior-x:contain}.end.svelte-2x6ed4{position:relative}.end.svelte-2x6ed4 .art{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.drawing.svelte-2x6ed4{pointer-events:none;-webkit-user-select:none;user-select:none}.drawing.pending.svelte-2x6ed4{visibility:hidden}.plain.svelte-2x6ed4 polygon:where(.svelte-2x6ed4){fill:var(--color-surface-100);stroke:var(--color-surface-400)}.plain.svelte-2x6ed4 circle:where(.svelte-2x6ed4){fill:var(--color-surface-300)}.dark .plain.svelte-2x6ed4 polygon:where(.svelte-2x6ed4){fill:var(--color-surface-800);stroke:var(--color-surface-500)}.dark .plain.svelte-2x6ed4 circle:where(.svelte-2x6ed4){fill:var(--color-surface-600)}.caption.svelte-2x6ed4{margin:2px 0 0;white-space:nowrap;font:11px/1.3 system-ui,sans-serif;color:var(--color-surface-600)}.dark .caption.svelte-2x6ed4{color:var(--color-surface-400)}.row-name.svelte-2x6ed4{position:absolute;left:2px;transform:translateY(-50%);font:700 11px/1 system-ui,sans-serif;color:var(--color-surface-700)}.dark .row-name.svelte-2x6ed4{color:var(--color-surface-300)}.key.svelte-2x6ed4{position:absolute;width:0;height:0;pointer-events:none}.press.svelte-2x6ed4{position:absolute;left:-15px;top:-15px;width:30px;height:30px;border-radius:9999px;opacity:0;transition:opacity .16s}.tag.svelte-2x6ed4{position:absolute;left:11px;top:0;transform:translateY(-50%);padding:0 3px;border-radius:4px;font:700 10.5px/14px system-ui,sans-serif;white-space:nowrap;color:var(--color-surface-900);background:color-mix(in oklch,var(--color-surface-50),transparent 12%)}.dark .tag.svelte-2x6ed4{color:var(--color-surface-50);background:color-mix(in oklch,var(--color-surface-900),transparent 12%)}.tag.svelte-2x6ed4 sup:where(.svelte-2x6ed4){font-size:8px;margin-left:1px}.key[data-bellows=push].svelte-2x6ed4 .press:where(.svelte-2x6ed4),.key[data-bellows=either].svelte-2x6ed4 .press:where(.svelte-2x6ed4){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%)}.key[data-bellows=pull].svelte-2x6ed4 .press:where(.svelte-2x6ed4){background:radial-gradient(circle at 36% 32%,var(--color-tertiary-200),var(--color-tertiary-500) 52%,var(--color-tertiary-700));box-shadow:0 0 0 2px var(--color-tertiary-50),0 0 14px 4px color-mix(in oklch,var(--color-tertiary-400),transparent 30%)}.key[data-age="0"].svelte-2x6ed4 .press:where(.svelte-2x6ed4){opacity:1}.key[data-age="1"].svelte-2x6ed4 .press:where(.svelte-2x6ed4){opacity:.55}.key[data-age="2"].svelte-2x6ed4 .press:where(.svelte-2x6ed4){opacity:.3}.key[data-age="0"].svelte-2x6ed4 .tag:where(.svelte-2x6ed4){color:var(--color-surface-50);background:var(--color-surface-900)}.dark .key[data-age="0"].svelte-2x6ed4 .tag:where(.svelte-2x6ed4){color:var(--color-surface-900);background:var(--color-surface-50)}.ghost.svelte-2x6ed4{position:absolute;left:-12px;top:-12px;width:24px;height:24px;border-radius:9999px;border:1.5px dashed color-mix(in oklch,var(--color-surface-500),transparent 30%)}.dark .ghost.svelte-2x6ed4{border-color:color-mix(in oklch,var(--color-surface-300),transparent 30%)}.dots.svelte-2x6ed4 .key[data-age="0"]:where(.svelte-2x6ed4){z-index:2;transform:scale(var(--lit-grow, 1))}.dots.svelte-2x6ed4 .key:where(.svelte-2x6ed4):not([data-age="0"]) .tag:where(.svelte-2x6ed4),.dots.svelte-2x6ed4 .key:where(.svelte-2x6ed4):not([data-age="0"]) .note:where(.svelte-2x6ed4),.dots.svelte-2x6ed4 .mark:where(.svelte-2x6ed4){display:none}.dots.svelte-2x6ed4 .key[data-age="0"]:where(.svelte-2x6ed4) .tag:where(.svelte-2x6ed4){left:0;transform:translate(-50%,-50%);padding:0 2px}.mark.svelte-2x6ed4{position:absolute;left:-16px;top:-20px;font:700 13px/1 system-ui,sans-serif;color:var(--color-warning-700)}.dark .mark.svelte-2x6ed4{color:var(--color-warning-300)}.key[data-marked=true].svelte-2x6ed4 .tag:where(.svelte-2x6ed4){outline:1.5px solid var(--color-warning-500)}.hit.svelte-2x6ed4{position:absolute;left:-17px;top:-17px;width:34px;height:34px;border:0;padding:0;border-radius:9999px;background:transparent;pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hit.svelte-2x6ed4:focus-visible{outline:2px solid var(--color-primary-400);outline-offset:1px}@media(hover:hover){.hit.svelte-2x6ed4:hover{box-shadow:0 0 0 2px color-mix(in oklch,var(--color-primary-300),transparent 30%)}}.hit.svelte-2x6ed4:active{background:color-mix(in oklch,var(--color-primary-500),transparent 55%)}.key[data-state=candidate].svelte-2x6ed4 .press:where(.svelte-2x6ed4){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}.reveal.svelte-2x6ed4{position:absolute;left:0;top:0;height:32px;transform:translate(-50%,-50%);border:0;padding:0;background:transparent;pointer-events:auto;cursor:pointer}.reveal.svelte-2x6ed4:focus-visible{outline:2px solid var(--color-primary-400);border-radius:9999px}.key.centred.svelte-2x6ed4 .tag:where(.svelte-2x6ed4){left:0;transform:translate(-50%,-50%);padding:0 2px}.note.svelte-2x6ed4{position:absolute;left:0;padding:0 2px;border-radius:3px;font:600 9px/11px system-ui,sans-serif;white-space:nowrap;color:var(--color-surface-800);background:color-mix(in oklch,var(--color-surface-50),transparent 15%)}.dark .note.svelte-2x6ed4{color:var(--color-surface-100);background:color-mix(in oklch,var(--color-surface-900),transparent 15%)}.note-push.svelte-2x6ed4{top:-14px;transform:translate(-50%,-100%)}.note-pull.svelte-2x6ed4{top:14px;transform:translate(-50%)}.note-over.svelte-2x6ed4{text-decoration:overline 1.5px}.note-under.svelte-2x6ed4{text-decoration:underline 1.5px}.key[data-age="0"].svelte-2x6ed4 .note.on:where(.svelte-2x6ed4){z-index:1;font-size:11px;line-height:13px;box-shadow:0 0 0 1px #00000073}.key[data-age="0"].svelte-2x6ed4 .note-push.on:where(.svelte-2x6ed4){color:var(--color-warning-950);background:var(--color-warning-300)}.key[data-age="0"].svelte-2x6ed4 .note-pull.on:where(.svelte-2x6ed4){color:var(--color-tertiary-950);background:var(--color-tertiary-300)}.label-toggle.svelte-2x6ed4{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:9999px;border:1px solid var(--color-surface-300);background:var(--color-surface-200)}.dark .label-toggle.svelte-2x6ed4{border-color:var(--color-surface-600);background:var(--color-surface-700)}.label-option.svelte-2x6ed4{padding:.2rem .6rem;border-radius:9999px;font:600 12px/1.3 system-ui,sans-serif;color:var(--color-surface-700);white-space:nowrap}.dark .label-option.svelte-2x6ed4{color:var(--color-surface-200)}.label-option.active.svelte-2x6ed4{background:var(--color-primary-500);color:#fff}.key[data-bellows=pull].svelte-2x6ed4 .tag-over:where(.svelte-2x6ed4){text-decoration:overline 2px}.key[data-bellows=pull].svelte-2x6ed4 .tag-under:where(.svelte-2x6ed4){text-decoration:underline 2px}