.value-practice.svelte-1qu4wo3{margin-top:var(--space-sm);border-top:3px solid var(--color-accent);background:var(--color-paper)}header.svelte-1qu4wo3{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:76px;padding:var(--space-sm) var(--space-md);border-bottom:var(--rule-hairline) solid var(--color-rule);display:flex}h2.svelte-1qu4wo3{margin:0 0 var(--space-2xs);color:var(--color-ink);font:700 var(--text-md)/1 var(--font-display)}p.svelte-1qu4wo3{color:var(--color-muted);font-size:var(--text-sm);margin:0}button.svelte-1qu4wo3{min-height:44px;padding:0 var(--space-sm);border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-control);color:var(--color-ink);background:var(--color-paper);cursor:pointer}.difficulty.svelte-1qu4wo3{border:var(--rule-hairline) solid var(--color-rule);display:flex}.difficulty.svelte-1qu4wo3 button:where(.svelte-1qu4wo3){border:0;border-right:var(--rule-hairline) solid var(--color-rule);border-radius:0}.difficulty.svelte-1qu4wo3 button:where(.svelte-1qu4wo3):last-child{border-right:0}.difficulty.svelte-1qu4wo3 button.active:where(.svelte-1qu4wo3){color:var(--color-paper);background:var(--color-ink)}.flash-controls.svelte-1qu4wo3{gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-bottom:var(--rule-hairline) solid var(--color-rule);flex-wrap:wrap;display:flex}.flash-controls.svelte-1qu4wo3 button.active:where(.svelte-1qu4wo3){color:var(--color-paper);background:var(--color-ink)}.flash-controls.svelte-1qu4wo3 select:where(.svelte-1qu4wo3){min-height:44px;padding:0 var(--space-sm);color:var(--color-ink);background:var(--color-paper);border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-control)}.swatches.svelte-1qu4wo3{border-bottom:var(--rule-hairline) solid var(--color-rule);grid-template-columns:1fr 1fr;display:grid}article.svelte-1qu4wo3:first-child{border-right:var(--rule-hairline) solid var(--color-ink)}.panel-heading.svelte-1qu4wo3{justify-content:space-between;align-items:center;gap:var(--space-sm);min-height:48px;padding:0 var(--space-sm);border-bottom:var(--rule-hairline) solid var(--color-rule);display:flex}.panel-heading.svelte-1qu4wo3 b:where(.svelte-1qu4wo3){font-size:13px}.swatch.svelte-1qu4wo3{min-height:clamp(280px,48vh,620px);color:var(--color-muted);font-size:var(--text-sm);place-items:center;display:grid}.answer-controls.svelte-1qu4wo3{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-paper-3);display:flex}.answer-controls.svelte-1qu4wo3 label:where(.svelte-1qu4wo3){align-items:center;gap:var(--space-2xs) var(--space-sm);color:var(--color-ink-2);font:700 12px/1 var(--font-mono);flex:1;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.answer-controls.svelte-1qu4wo3 input:where(.svelte-1qu4wo3){width:100%;accent-color:var(--color-accent)}.answer-controls.svelte-1qu4wo3 output:where(.svelte-1qu4wo3){color:var(--color-ink);font-variant-numeric:tabular-nums;grid-column:2;justify-self:center}button.primary.svelte-1qu4wo3{color:var(--color-paper);border-color:var(--color-ink);background:var(--color-ink);font-weight:700}.feedback.svelte-1qu4wo3{align-items:center;gap:var(--space-sm);min-height:92px;padding:var(--space-sm) var(--space-md);color:var(--color-tray-ink);background:var(--color-tray);display:flex}.answer-swatch.svelte-1qu4wo3{border:var(--rule-hairline) solid var(--color-tray-rule);flex:0 0 58px;width:58px;height:58px}.feedback.svelte-1qu4wo3 div:where(.svelte-1qu4wo3):last-child{gap:var(--space-2xs);display:grid}.feedback.svelte-1qu4wo3 strong:where(.svelte-1qu4wo3){font:700 var(--text-md)/1 var(--font-display)}.feedback.svelte-1qu4wo3 span:where(.svelte-1qu4wo3),.feedback.svelte-1qu4wo3 small:where(.svelte-1qu4wo3){color:var(--color-tray-muted);font:11px/1.3 var(--font-mono);font-variant-numeric:tabular-nums}.feedback[data-tone=accurate].svelte-1qu4wo3 strong:where(.svelte-1qu4wo3){color:var(--color-good)}.feedback[data-tone=close].svelte-1qu4wo3 strong:where(.svelte-1qu4wo3){color:var(--color-warning)}.feedback[data-tone=off].svelte-1qu4wo3 strong:where(.svelte-1qu4wo3){color:var(--color-danger)}.progress.svelte-1qu4wo3{padding:var(--space-md);border-top:var(--rule-hairline) solid var(--color-rule)}.progress.svelte-1qu4wo3 h2:where(.svelte-1qu4wo3){line-height:1.5}.progress.svelte-1qu4wo3 p:where(.svelte-1qu4wo3){line-height:1.6}.progress-table.svelte-1qu4wo3{margin-block:var(--space-sm);overflow-x:auto}table.svelte-1qu4wo3{border-collapse:collapse;width:100%;font-size:var(--text-sm);font-variant-numeric:tabular-nums}th.svelte-1qu4wo3,td.svelte-1qu4wo3{padding:var(--space-sm);text-align:left;border-bottom:var(--rule-hairline) solid var(--color-rule)}@media (hover:hover){button.svelte-1qu4wo3:hover{color:var(--color-paper);border-color:var(--color-ink);background:var(--color-ink)}}@media (width<=560px){header.svelte-1qu4wo3{flex-direction:column;align-items:stretch}.difficulty.svelte-1qu4wo3{width:100%}.difficulty.svelte-1qu4wo3 button:where(.svelte-1qu4wo3){padding-inline:var(--space-xs);flex:1}.swatches.svelte-1qu4wo3{grid-template-columns:1fr}article.svelte-1qu4wo3:first-child{border-right:0;border-bottom:var(--rule-hairline) solid var(--color-ink)}.swatch.svelte-1qu4wo3{min-height:30dvh}.answer-controls.svelte-1qu4wo3{flex-direction:column;align-items:stretch}.answer-controls.svelte-1qu4wo3 label:where(.svelte-1qu4wo3){width:100%;min-height:44px}.answer-controls.svelte-1qu4wo3 button:where(.svelte-1qu4wo3){width:100%}}main.svelte-1n46o8q{min-height:100dvh;padding:max(var(--space-md), env(safe-area-inset-top)) max(clamp(var(--space-sm), 2vw, var(--space-xl)), env(safe-area-inset-right)) max(var(--space-lg), env(safe-area-inset-bottom)) max(clamp(var(--space-sm), 2vw, var(--space-xl)), env(safe-area-inset-left));background:var(--color-paper-2)}.value-domain[hidden].svelte-1n46o8q,.perspective-domain[hidden].svelte-1n46o8q,main.value-mode.svelte-1n46o8q>:where(.svelte-1n46o8q):not(.topbar):not(.early-test):not(.value-domain),main.perspective-mode.svelte-1n46o8q>:where(.svelte-1n46o8q):not(.topbar):not(.early-test):not(.perspective-domain){display:none}main.compact-mode.perspective-mode.svelte-1n46o8q{flex-direction:column;height:100dvh;display:flex;overflow:hidden}main.compact-mode.perspective-mode.svelte-1n46o8q .perspective-domain:where(.svelte-1n46o8q){flex:auto;min-height:0;display:flex}html{scrollbar-gutter:stable;overflow-y:scroll}.topbar.svelte-1n46o8q{justify-content:space-between;align-items:center;gap:var(--space-lg);border-bottom:var(--rule-hairline) solid var(--color-ink);min-height:50px;margin-bottom:var(--space-sm);display:flex}h1.svelte-1n46o8q{min-width:0;margin:0 0 var(--space-xs);overflow-wrap:anywhere;font-family:var(--font-display);font-size:clamp(var(--text-md), 2vw, var(--text-lg));letter-spacing:-.025em;font-weight:600;line-height:1}.top-actions.svelte-1n46o8q{align-items:center;gap:var(--space-sm);display:flex}.early-test.svelte-1n46o8q{align-items:center;gap:var(--space-xs) var(--space-sm);margin:0 0 var(--space-sm);padding:var(--space-xs) var(--space-sm);border-left:3px solid var(--color-accent);color:var(--color-ink-2);background:var(--color-accent-wash);flex-wrap:wrap;font-size:11px;display:flex}.early-test.svelte-1n46o8q strong:where(.svelte-1n46o8q){color:var(--color-ink)}.early-test.svelte-1n46o8q a:where(.svelte-1n46o8q){color:var(--color-accent-hover);text-underline-offset:3px;margin-left:auto;font-weight:700}.compact-toggle.svelte-1n46o8q{color:var(--color-ink);border-color:var(--color-rule);background:var(--color-paper)}.compact-random.svelte-1n46o8q{color:var(--color-paper);border-color:var(--color-ink);background:var(--color-ink)}.shape-switch.svelte-1n46o8q{border:var(--rule-hairline) solid var(--color-rule);background:var(--color-paper);display:flex}.shape-switch.svelte-1n46o8q button:where(.svelte-1n46o8q){min-height:36px;padding:0 var(--space-sm);border:0;border-right:var(--rule-hairline) solid var(--color-rule);color:var(--color-ink-2);background:0 0;border-radius:0;font-size:11px}.shape-switch.svelte-1n46o8q button:where(.svelte-1n46o8q):last-child{border-right:0}.shape-switch.svelte-1n46o8q button.active:where(.svelte-1n46o8q){color:var(--color-paper);background:var(--color-ink)}.cube-switches.svelte-1n46o8q{justify-content:flex-end;gap:var(--space-xs);margin:0 0 var(--space-sm);flex-wrap:wrap;display:flex}.practice-panel.svelte-1n46o8q{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);padding:var(--space-xs) 0;border-top:var(--rule-hairline) solid var(--color-rule);border-bottom:var(--rule-hairline) solid var(--color-rule);color:var(--color-ink);background:0 0;display:flex}.practice-panel.svelte-1n46o8q>div:where(.svelte-1n46o8q):first-child{margin-right:auto}.practice-panel.svelte-1n46o8q b:where(.svelte-1n46o8q),.practice-panel.svelte-1n46o8q small:where(.svelte-1n46o8q){display:block}.practice-panel.svelte-1n46o8q b:where(.svelte-1n46o8q){letter-spacing:.04em;font-size:13px}.practice-panel.svelte-1n46o8q small:where(.svelte-1n46o8q),.practice-panel.svelte-1n46o8q>span:where(.svelte-1n46o8q){color:var(--color-muted);font-size:10px}.practice-presets.svelte-1n46o8q{gap:var(--space-xs);display:flex}.practice-panel.svelte-1n46o8q button:where(.svelte-1n46o8q){min-height:34px}.practice-panel.svelte-1n46o8q .practice-primary:where(.svelte-1n46o8q){color:var(--color-accent-ink);border-color:var(--color-accent);background:var(--color-accent)}.practice-clock.svelte-1n46o8q{min-width:68px;color:var(--color-accent);text-align:center;font:700 24px/1 var(--font-mono)}.practice-history.svelte-1n46o8q{gap:var(--space-lg);margin:0 0 var(--space-sm);padding:var(--space-sm) 0;border-top:var(--rule-hairline) solid var(--color-ink);border-bottom:var(--rule-hairline) solid var(--color-rule);color:var(--color-ink);background:0 0;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);display:grid}.practice-history.svelte-1n46o8q h2:where(.svelte-1n46o8q){margin-bottom:var(--space-sm);color:var(--color-ink-2)}.practice-history.svelte-1n46o8q p:where(.svelte-1n46o8q){color:var(--color-muted);margin:0;font-size:12px}.weakness-list.svelte-1n46o8q{gap:6px;display:grid}.weakness-list.svelte-1n46o8q article:where(.svelte-1n46o8q){gap:var(--space-xs);min-height:32px;padding:0 var(--space-xs);border-bottom:var(--rule-hairline) solid var(--color-rule-2);background:0 0;grid-template-columns:minmax(0,1fr) 48px minmax(110px,.8fr);align-items:center;display:grid}.weakness-list.svelte-1n46o8q span:where(.svelte-1n46o8q){text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.weakness-list.svelte-1n46o8q strong:where(.svelte-1n46o8q){text-align:right;font:700 14px/1 Cascadia Mono,Consolas,monospace}.weakness-list.svelte-1n46o8q small:where(.svelte-1n46o8q){color:var(--color-muted);text-align:right;font-size:9px}.history-table-wrap.svelte-1n46o8q{overflow-x:auto}.practice-history.svelte-1n46o8q table:where(.svelte-1n46o8q){min-width:580px;color:var(--color-ink);font-size:10px}.practice-history.svelte-1n46o8q th:where(.svelte-1n46o8q){color:var(--color-muted)}.practice-history.svelte-1n46o8q th:where(.svelte-1n46o8q),.practice-history.svelte-1n46o8q td:where(.svelte-1n46o8q){border-bottom-color:var(--color-rule-2)}.workbench.svelte-1n46o8q{border:var(--rule-hairline) solid var(--color-ink);background:var(--color-paper);grid-template-columns:minmax(270px,.72fr) minmax(380px,1.28fr);gap:0;min-height:390px;display:grid}.workbench.cube-completion.svelte-1n46o8q{grid-template-columns:minmax(0,1fr)}.workbench.cube-completion.svelte-1n46o8q .target-panel:where(.svelte-1n46o8q){display:none}.workbench.cube-completion.svelte-1n46o8q .drawing-panel:where(.svelte-1n46o8q){grid-template-rows:48px clamp(520px,68dvh,820px)}.cube-config.svelte-1n46o8q{gap:var(--space-lg);width:100%;min-width:0;margin:0 0 var(--space-sm);padding:var(--space-sm) 0;border:0;border-top:var(--rule-hairline) solid var(--color-rule);border-bottom:var(--rule-hairline) solid var(--color-ink);background:0 0;grid-template-columns:1fr 1fr minmax(180px,.55fr);display:grid}.cube-config.svelte-1n46o8q:disabled{opacity:.62}.cube-config.completion-config.svelte-1n46o8q{grid-template-columns:1fr}.config-group.svelte-1n46o8q{gap:var(--space-xs) var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;min-width:0;display:grid}.config-title.svelte-1n46o8q{grid-column:1/-1;color:var(--color-ink-2)!important;font:700 10px/1 var(--font-mono)!important;letter-spacing:.06em!important}.config-group.svelte-1n46o8q label:where(.svelte-1n46o8q){gap:var(--space-2xs);min-width:0;color:var(--color-muted);font:10px/1 var(--font-mono);align-items:center;display:flex}.config-group.svelte-1n46o8q label:where(.svelte-1n46o8q) span:where(.svelte-1n46o8q){flex:0 0 14px}.config-group.svelte-1n46o8q input:where(.svelte-1n46o8q){width:0;min-width:0;accent-color:var(--color-accent);flex:auto}.config-group.svelte-1n46o8q output:where(.svelte-1n46o8q){text-align:right;color:var(--color-ink);font-variant-numeric:tabular-nums;flex:0 0 42px}.size-slider.svelte-1n46o8q{grid-template-columns:1fr auto}.size-slider.svelte-1n46o8q label:where(.svelte-1n46o8q){grid-column:1/-1}.volume-readout.svelte-1n46o8q{color:var(--color-muted);font:10px/1 var(--font-mono);font-variant-numeric:tabular-nums;grid-column:1/-1}.random-button.svelte-1n46o8q{min-height:36px;color:var(--color-paper);border-color:var(--color-ink);background:var(--color-ink);grid-column:1/-1}.config-actions.svelte-1n46o8q{gap:var(--space-xs);grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.config-actions.svelte-1n46o8q .random-button:where(.svelte-1n46o8q){grid-column:auto}.completion-controls.svelte-1n46o8q{grid-template-columns:minmax(0,1fr) auto}.completion-controls.svelte-1n46o8q small:where(.svelte-1n46o8q){color:var(--color-muted);font-size:11px}.completion-controls.svelte-1n46o8q .random-button:where(.svelte-1n46o8q){grid-area:1/2/3;min-width:130px}.canvas-panel.svelte-1n46o8q{background:var(--color-paper);grid-template-rows:48px minmax(340px,46vh);min-width:0;display:grid;overflow:hidden}.target-panel.svelte-1n46o8q{border-right:var(--rule-hairline) solid var(--color-ink);background:var(--color-paper-3)}.panel-heading.svelte-1n46o8q{padding:0 var(--space-sm);border-bottom:var(--rule-hairline) solid var(--color-rule);justify-content:space-between;align-items:center;display:flex}.panel-heading.svelte-1n46o8q>div:where(.svelte-1n46o8q):first-child{min-width:0}.panel-heading.svelte-1n46o8q b:where(.svelte-1n46o8q){letter-spacing:.02em;font-size:13px;display:block}.panel-heading.svelte-1n46o8q small:where(.svelte-1n46o8q){color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.panel-heading-meta.svelte-1n46o8q{align-items:center;gap:var(--space-sm);display:flex}.status.svelte-1n46o8q{gap:var(--space-xs);inline-size:124px;color:var(--color-muted);font:600 11px/1 var(--font-mono);white-space:nowrap;flex:0 0 124px;align-items:center;display:flex}.status.svelte-1n46o8q span:where(.svelte-1n46o8q){background:var(--color-rule);border-radius:50%;flex:0 0 7px;width:7px;height:7px}.status[data-state=live].svelte-1n46o8q span:where(.svelte-1n46o8q){background:var(--color-accent)}.status[data-state=done].svelte-1n46o8q span:where(.svelte-1n46o8q){background:var(--color-good)}.status[data-state=insufficient].svelte-1n46o8q span:where(.svelte-1n46o8q){background:var(--color-warning)}code.svelte-1n46o8q{color:var(--color-muted);font:11px var(--font-mono)}canvas.svelte-1n46o8q{width:100%;height:100%;display:block}.target-surface.svelte-1n46o8q{min-height:0;position:relative}.target-surface.svelte-1n46o8q,.drawing-surface.svelte-1n46o8q{background-color:var(--color-paper)}.target-surface.target-grid.svelte-1n46o8q,.drawing-surface.svelte-1n46o8q{background-image:linear-gradient(var(--color-grid) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid) 1px, transparent 1px);background-size:24px 24px}.target-surface.svelte-1n46o8q canvas:where(.svelte-1n46o8q){touch-action:none;-webkit-user-select:none;user-select:none}.target-surface.svelte-1n46o8q canvas[tabindex="0"]:where(.svelte-1n46o8q){cursor:grab}.target-surface.svelte-1n46o8q canvas[tabindex="0"]:where(.svelte-1n46o8q):active{cursor:grabbing}.target-surface.svelte-1n46o8q canvas:where(.svelte-1n46o8q):focus-visible{outline:2px solid var(--color-focus);outline-offset:-3px}.target-surface.svelte-1n46o8q canvas.quick-flash-hidden:where(.svelte-1n46o8q){opacity:0;pointer-events:none}.target-tools.svelte-1n46o8q{z-index:2;top:var(--space-xs);right:var(--space-xs);justify-items:end;gap:var(--space-2xs);display:grid;position:absolute}.target-tools.svelte-1n46o8q>div:where(.svelte-1n46o8q){gap:var(--space-2xs);display:flex}.target-tools.svelte-1n46o8q button:where(.svelte-1n46o8q),.target-tools.svelte-1n46o8q select:where(.svelte-1n46o8q){min-height:44px;padding-inline:var(--space-sm);color:var(--color-ink);border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-panel-wash);font:700 10px/1 var(--font-mono)}.target-tools.svelte-1n46o8q button.active:where(.svelte-1n46o8q){color:var(--color-paper);border-color:var(--color-accent);background:var(--color-accent-hover)}.target-tools.svelte-1n46o8q select:where(.svelte-1n46o8q){padding-inline:var(--space-xs)}.target-tools.svelte-1n46o8q small:where(.svelte-1n46o8q){padding:var(--space-2xs) var(--space-xs);color:var(--color-ink-2);background:var(--color-panel-wash);font:9px/1 var(--font-mono);pointer-events:none}.flash-again.svelte-1n46o8q{z-index:1;min-height:44px;color:var(--color-paper);border-color:var(--color-ink);background:var(--color-ink);font:700 11px/1 var(--font-mono);position:absolute;top:50%;left:50%;translate:-50% -50%}.transform-status.svelte-1n46o8q{top:var(--space-xs);left:var(--space-xs);align-items:center;gap:var(--space-xs);min-height:28px;padding:0 var(--space-xs);border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-control);color:var(--color-ink-2);background:var(--color-panel-wash);pointer-events:none;font:10px/1 var(--font-mono);display:flex;position:absolute}.transform-status[data-active=true].svelte-1n46o8q{color:var(--color-accent-hover);border-color:var(--color-accent);background:var(--color-accent-wash)}.transform-status.svelte-1n46o8q span:where(.svelte-1n46o8q){color:var(--color-accent)}.shortcut-strip.svelte-1n46o8q{left:var(--space-xs);right:var(--space-xs);bottom:var(--space-xs);padding:var(--space-xs);border-top:var(--rule-hairline) solid var(--color-rule);color:var(--color-ink-2);background:var(--color-panel-wash);font:9px/1.55 var(--font-mono);pointer-events:none;position:absolute}.touch-shortcuts.svelte-1n46o8q{display:none}kbd.svelte-1n46o8q{min-width:18px;padding:var(--space-3xs) var(--space-2xs);border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-control);color:var(--color-ink);background:var(--color-paper-3);text-align:center;font:inherit;display:inline-block}.drawing-surface.svelte-1n46o8q{min-height:0;position:relative}.drawing-surface.svelte-1n46o8q canvas:where(.svelte-1n46o8q){z-index:1;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;position:relative}.clear-canvas.svelte-1n46o8q{min-height:44px;padding-inline:var(--space-xs);color:var(--color-ink);border-color:var(--color-rule);background:var(--color-paper);font:700 10px/1 var(--font-mono)}.ghost-controls.svelte-1n46o8q{z-index:2;right:var(--space-sm);bottom:var(--space-sm);gap:var(--space-2xs);padding:var(--space-xs);border:var(--rule-hairline) solid var(--color-rule);color:var(--color-ink-2);background:var(--color-panel-wash);font:700 9px/1 var(--font-mono);text-align:center;grid-template-columns:96px;display:grid;position:absolute}.ghost-pad.svelte-1n46o8q{border-color:var(--color-rule);background-color:var(--color-paper);background-image:linear-gradient(transparent 49%, var(--color-rule) 49%, var(--color-rule) 51%, transparent 51%), linear-gradient(90deg, transparent 49%, var(--color-rule) 49%, var(--color-rule) 51%, transparent 51%);touch-action:none;width:96px;height:96px;min-height:96px;padding:0;position:relative}.ghost-pad.svelte-1n46o8q i:where(.svelte-1n46o8q){border:var(--rule-hairline) solid var(--color-paper);border-radius:var(--radius-control);background:var(--color-accent);pointer-events:none;width:14px;height:14px;position:absolute;translate:-50% -50%}.ghost-home.svelte-1n46o8q{min-height:44px;padding-inline:var(--space-xs);color:var(--color-ink);border-color:var(--color-rule);background:var(--color-paper);font:700 9px/1 var(--font-mono)}.canvas-scroll-zone.svelte-1n46o8q{z-index:2;border:var(--rule-hairline) solid var(--color-rule);border-radius:var(--radius-control) 0 0 var(--radius-control);width:48px;height:132px;color:var(--color-muted);background:var(--color-panel-wash);touch-action:pan-y;-webkit-user-select:none;user-select:none;border-right:0;place-items:center;display:grid;position:absolute;top:50%;right:0;translate:0 -50%}.canvas-scroll-zone.locked.svelte-1n46o8q{opacity:.45;pointer-events:none}.canvas-scroll-zone.svelte-1n46o8q span:where(.svelte-1n46o8q){writing-mode:vertical-rl;font:10px/1 var(--font-mono);letter-spacing:.12em}.canvas-hint.svelte-1n46o8q{text-align:center;color:var(--color-muted);pointer-events:none;place-content:center;font-size:14px;line-height:1.8;display:grid;position:absolute;inset:0}.canvas-hint.svelte-1n46o8q span:where(.svelte-1n46o8q){font-size:11px}.completion-surface.svelte-1n46o8q .canvas-hint:where(.svelte-1n46o8q){place-content:end center;padding-bottom:18px}.practice-overlay.svelte-1n46o8q{z-index:3;place-content:center;gap:var(--space-xs);text-align:center;color:var(--color-paper);background:var(--color-overlay);pointer-events:none;display:grid;position:absolute;inset:0}.practice-overlay.svelte-1n46o8q b:where(.svelte-1n46o8q){font:700 64px/1 var(--font-display)}.practice-overlay.svelte-1n46o8q span:where(.svelte-1n46o8q){letter-spacing:.08em;text-transform:uppercase;font-size:13px}.instrument-panel.svelte-1n46o8q{margin-top:var(--space-sm);border-top:3px solid var(--color-accent);background:var(--color-tray);color:var(--color-tray-ink);overflow:visible}.controls.svelte-1n46o8q{gap:var(--space-xs);min-height:68px;padding:var(--space-xs) var(--space-sm);background:var(--color-tray-2);border-bottom:var(--rule-hairline) solid var(--color-tray-rule);align-items:center;display:flex}.compact-mode.svelte-1n46o8q .cube-switches:where(.svelte-1n46o8q),.compact-mode.svelte-1n46o8q .early-test:where(.svelte-1n46o8q),.compact-mode.svelte-1n46o8q .practice-panel:where(.svelte-1n46o8q),.compact-mode.svelte-1n46o8q .practice-history:where(.svelte-1n46o8q),.compact-mode.svelte-1n46o8q .cube-config:where(.svelte-1n46o8q),.compact-mode.svelte-1n46o8q .transform-status:where(.svelte-1n46o8q),.compact-mode.svelte-1n46o8q .shortcut-strip:where(.svelte-1n46o8q),.compact-mode.svelte-1n46o8q .advanced-control:where(.svelte-1n46o8q),.compact-mode.svelte-1n46o8q .practice-hidden:where(.svelte-1n46o8q),.compact-mode.svelte-1n46o8q .metrics-grid:where(.svelte-1n46o8q),.compact-mode.svelte-1n46o8q .detail-slot:where(.svelte-1n46o8q),.compact-mode.svelte-1n46o8q .panel-heading:where(.svelte-1n46o8q) code:where(.svelte-1n46o8q){display:none}.compact-mode.svelte-1n46o8q .target-surface:where(.svelte-1n46o8q) canvas:where(.svelte-1n46o8q){pointer-events:none}.compact-mode.svelte-1n46o8q .controls:where(.svelte-1n46o8q){border-bottom:0;min-height:56px}.score-block.svelte-1n46o8q{align-items:baseline;gap:var(--space-xs);margin-right:auto;display:flex}.score-block.svelte-1n46o8q .metric-help:where(.svelte-1n46o8q){color:var(--color-tray-muted);letter-spacing:.06em;font-size:11px}.score-block.svelte-1n46o8q strong:where(.svelte-1n46o8q){color:var(--color-accent);font:700 30px/1 var(--font-mono);font-variant-numeric:tabular-nums}.score-block.svelte-1n46o8q small:where(.svelte-1n46o8q){color:var(--color-tray-muted)}.smoothing-control.svelte-1n46o8q{align-items:center;gap:var(--space-xs);color:var(--color-tray-ink);white-space:nowrap;font-size:11px;display:flex}.smoothing-control.svelte-1n46o8q input:where(.svelte-1n46o8q){width:90px;accent-color:var(--color-accent)}.smoothing-control.svelte-1n46o8q output:where(.svelte-1n46o8q){width:24px;color:var(--color-accent);text-align:right;font:600 11px/1 var(--font-mono)}button.svelte-1n46o8q{border:var(--rule-hairline) solid var(--color-tray-rule);border-radius:var(--radius-control);min-height:40px;padding:0 var(--space-sm);color:var(--color-tray-ink);background:var(--color-tray-2);cursor:pointer;white-space:nowrap}.practice-panel.svelte-1n46o8q button:where(.svelte-1n46o8q),.cube-config.svelte-1n46o8q button:where(.svelte-1n46o8q){color:var(--color-ink);border-color:var(--color-rule);background:var(--color-paper)}.cube-config.svelte-1n46o8q .random-button:where(.svelte-1n46o8q){color:var(--color-paper);border-color:var(--color-ink);background:var(--color-ink)}.language-button.svelte-1n46o8q{min-width:48px;min-height:36px;color:var(--color-ink);border-color:var(--color-rule);background:var(--color-paper);font:700 11px/1 var(--font-mono)}button.active.svelte-1n46o8q{color:var(--color-paper);border-color:var(--color-accent);background:var(--color-accent-hover)}@media (hover:hover){button.svelte-1n46o8q:hover{border-color:var(--color-tray-muted);background:var(--color-tray-rule)}button.active.svelte-1n46o8q:hover{background:var(--color-accent)}.shape-switch.svelte-1n46o8q button:where(.svelte-1n46o8q):hover,.compact-toggle.svelte-1n46o8q:hover,.language-button.svelte-1n46o8q:hover,.practice-panel.svelte-1n46o8q button:where(.svelte-1n46o8q):hover,.cube-config.svelte-1n46o8q button:where(.svelte-1n46o8q):hover,.target-tools.svelte-1n46o8q button:where(.svelte-1n46o8q):hover{color:var(--color-paper);border-color:var(--color-ink);background:var(--color-ink)}}button.metric-help.svelte-1n46o8q,button.metric-help.svelte-1n46o8q:hover,button.metric-help.svelte-1n46o8q:active{min-height:0;color:inherit;font:inherit;text-align:left;background:0 0;border-radius:0;padding:0;transform:none}.error.svelte-1n46o8q{max-width:260px;color:var(--color-danger);font-size:11px}.practice-hidden.svelte-1n46o8q{min-height:180px;padding:var(--space-lg);color:var(--color-tray-muted);text-align:center;place-items:center;font-size:12px;display:none}.instrument-panel.practice-blind.svelte-1n46o8q .practice-hidden:where(.svelte-1n46o8q){display:grid}.instrument-panel.practice-blind.svelte-1n46o8q .metrics-grid:where(.svelte-1n46o8q),.instrument-panel.practice-blind.svelte-1n46o8q .detail-slot:where(.svelte-1n46o8q){display:none}.metrics-grid.svelte-1n46o8q{grid-template-columns:repeat(4,1fr);display:grid}.metrics-grid.svelte-1n46o8q>section:where(.svelte-1n46o8q){min-width:0;padding:var(--space-sm);border-right:var(--rule-hairline) solid var(--color-tray-rule)}.metrics-grid.svelte-1n46o8q>section:where(.svelte-1n46o8q):last-child{border-right:0}h2.svelte-1n46o8q{margin:0 0 var(--space-xs);color:var(--color-tray-muted);font:700 10px/1 var(--font-mono);letter-spacing:.07em}dl.svelte-1n46o8q{margin:0}dl.svelte-1n46o8q div:where(.svelte-1n46o8q){align-items:baseline;gap:var(--space-sm);border-bottom:var(--rule-hairline) solid var(--color-tray-rule);justify-content:space-between;min-height:25px;display:flex}dt.svelte-1n46o8q{color:var(--color-tray-muted);font-size:11px}dd.svelte-1n46o8q{text-align:right;font:600 11px/1.2 var(--font-mono);font-variant-numeric:tabular-nums;margin:0}dd.pen.svelte-1n46o8q,.metric-good.svelte-1n46o8q{color:var(--color-good)}.metric-warning.svelte-1n46o8q{color:var(--color-warning);font-weight:700}.metric-severe.svelte-1n46o8q{color:var(--color-danger);font-weight:800}.score-block.svelte-1n46o8q strong.metric-good:where(.svelte-1n46o8q){color:var(--color-good)}.score-block.svelte-1n46o8q strong.metric-warning:where(.svelte-1n46o8q){color:var(--color-warning)}.score-block.svelte-1n46o8q strong.metric-severe:where(.svelte-1n46o8q){color:var(--color-danger)}[data-help].svelte-1n46o8q{cursor:help;-webkit-text-decoration:underline dotted var(--color-accent);text-decoration:underline dotted var(--color-accent);text-underline-offset:3px;position:relative}[data-help].svelte-1n46o8q:after{content:attr(data-help);z-index:20;width:min(310px,78vw);padding:var(--space-xs) var(--space-sm);border:var(--rule-hairline) solid var(--color-ink);border-radius:var(--radius-control);color:var(--color-ink);background:var(--color-paper);font:12px/1.55 var(--font-body);text-align:left;text-transform:none;letter-spacing:0;white-space:normal;opacity:0;pointer-events:none;position:absolute;bottom:calc(100% + 8px);left:0;transform:translateY(4px)}[data-help].svelte-1n46o8q:hover:after,[data-help].svelte-1n46o8q:focus-visible:after{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:no-preference){[data-help].svelte-1n46o8q:after{transition:opacity var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);transition-delay:.8s}[data-help].svelte-1n46o8q:focus-visible:after{transition-delay:0s}}.detail-slot.svelte-1n46o8q{border-top:var(--rule-hairline) solid var(--color-tray-rule);scrollbar-gutter:stable;height:300px;overflow:auto}.detail-empty.svelte-1n46o8q{height:100%;color:var(--color-tray-muted);font:11px/1 var(--font-mono);place-items:center;display:grid}.detail-grid.svelte-1n46o8q{gap:var(--rule-hairline);background:var(--color-tray-rule);grid-template-columns:.8fr .85fr 1.6fr;min-height:100%;display:grid}.detail-slot.svelte-1n46o8q [data-help]:where(.svelte-1n46o8q):after{top:calc(100% + 8px);bottom:auto}.detail-grid.cube-details.svelte-1n46o8q{grid-template-columns:.8fr 2.45fr}.detail-grid.ellipse-details.svelte-1n46o8q{grid-template-columns:1fr}.detail-grid.svelte-1n46o8q>section:where(.svelte-1n46o8q){min-width:0;padding:var(--space-sm);background:var(--color-tray)}.score-list.svelte-1n46o8q{gap:var(--space-2xs);display:grid}.score-list.svelte-1n46o8q div:where(.svelte-1n46o8q){grid-template-columns:82px 1fr 36px;align-items:center;gap:8px;font-size:10px;display:grid}.score-list.svelte-1n46o8q i:where(.svelte-1n46o8q){background:var(--color-tray-rule);height:3px}.score-list.svelte-1n46o8q b:where(.svelte-1n46o8q){background:currentColor;max-width:100%;height:100%;display:block}.score-list.svelte-1n46o8q em:where(.svelte-1n46o8q){text-align:right;font-style:normal;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.table-wrap.svelte-1n46o8q{overflow-x:auto}table.svelte-1n46o8q{border-collapse:collapse;width:100%;font:10px/1.35 var(--font-mono);font-variant-numeric:tabular-nums}th.svelte-1n46o8q{color:var(--color-tray-muted);text-align:left;font-weight:500}th[title].svelte-1n46o8q{cursor:help;-webkit-text-decoration:underline dotted var(--color-accent);text-decoration:underline dotted var(--color-accent);text-underline-offset:3px}th.svelte-1n46o8q:not(:first-child),td.svelte-1n46o8q:not(:first-child){text-align:right}th.svelte-1n46o8q,td.svelte-1n46o8q{height:25px;padding:0 var(--space-xs);border-bottom:var(--rule-hairline) solid var(--color-tray-rule);white-space:nowrap}th.svelte-1n46o8q:first-child,td.svelte-1n46o8q:first-child{padding-left:0}@media (width<=900px){.cube-config.svelte-1n46o8q{grid-template-columns:1fr 1fr}.size-slider.svelte-1n46o8q{grid-column:1/-1}.workbench.svelte-1n46o8q{grid-template-columns:1fr}.target-panel.svelte-1n46o8q{border-right:0;border-bottom:var(--rule-hairline) solid var(--color-ink);grid-template-rows:48px clamp(280px,34dvh,400px)}.drawing-panel.svelte-1n46o8q{grid-template-rows:48px clamp(420px,55dvh,660px)}.metrics-grid.svelte-1n46o8q{grid-template-columns:repeat(2,1fr)}.metrics-grid.svelte-1n46o8q>section:where(.svelte-1n46o8q):nth-child(2){border-right:0}.detail-grid.svelte-1n46o8q{grid-template-columns:1fr}}@media (width>=901px){.compact-mode.svelte-1n46o8q{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.compact-mode.svelte-1n46o8q .workbench:where(.svelte-1n46o8q){flex:auto;min-height:0}.compact-mode.svelte-1n46o8q .canvas-panel:where(.svelte-1n46o8q),.compact-mode.svelte-1n46o8q .workbench.cube-completion:where(.svelte-1n46o8q) .drawing-panel:where(.svelte-1n46o8q){grid-template-rows:48px minmax(0,1fr)}.metrics-grid.svelte-1n46o8q>section:where(.svelte-1n46o8q):nth-child(n+3) [data-help]:where(.svelte-1n46o8q):after,.cube-config.svelte-1n46o8q>.config-group:where(.svelte-1n46o8q):last-child [data-help]:where(.svelte-1n46o8q):after{left:auto;right:0}}@media (width>=561px) and (width<=900px){.metrics-grid.svelte-1n46o8q>section:where(.svelte-1n46o8q):nth-child(2n) [data-help]:where(.svelte-1n46o8q):after,.cube-config.svelte-1n46o8q>.config-group:where(.svelte-1n46o8q):nth-child(2n) [data-help]:where(.svelte-1n46o8q):after{left:auto;right:0}}@media (width<=560px){main.svelte-1n46o8q{width:100%;max-width:100vw;padding:max(var(--space-xs), env(safe-area-inset-top)) max(var(--space-xs), env(safe-area-inset-right)) max(var(--space-xs), env(safe-area-inset-bottom)) max(var(--space-xs), env(safe-area-inset-left));overflow-x:clip}.topbar.svelte-1n46o8q{align-items:stretch;gap:var(--space-xs);padding-bottom:var(--space-xs);flex-direction:column}.early-test.svelte-1n46o8q{align-items:flex-start}.early-test.svelte-1n46o8q a:where(.svelte-1n46o8q){align-items:center;width:100%;min-height:44px;margin-left:0;display:flex}.practice-panel.svelte-1n46o8q{flex-wrap:wrap}.practice-panel.svelte-1n46o8q>div:where(.svelte-1n46o8q):first-child{flex:1 0 100%}.practice-presets.svelte-1n46o8q{width:100%}.practice-presets.svelte-1n46o8q button:where(.svelte-1n46o8q){flex:1;padding-inline:6px}.practice-history.svelte-1n46o8q{grid-template-columns:1fr}.top-actions.svelte-1n46o8q{gap:var(--space-xs);grid-template-columns:minmax(0,1fr) auto auto auto;width:100%;max-width:100%;display:grid}.top-actions.svelte-1n46o8q>.shape-switch:where(.svelte-1n46o8q){grid-column:1/-1}.compact-random.svelte-1n46o8q{grid-column:1;justify-self:start}.compact-toggle.svelte-1n46o8q{grid-column:2}.sound-toggle.svelte-1n46o8q{grid-column:3}.language-button.svelte-1n46o8q:not(.sound-toggle){grid-column:4}.shape-switch.svelte-1n46o8q{min-width:0}.shape-switch.svelte-1n46o8q button:where(.svelte-1n46o8q){min-width:0;padding-inline:8px}.cube-config.svelte-1n46o8q{grid-template-columns:1fr}.size-slider.svelte-1n46o8q{grid-column:auto}.config-group.svelte-1n46o8q{grid-template-columns:1fr}.workbench.svelte-1n46o8q,.canvas-panel.svelte-1n46o8q,.cube-config.svelte-1n46o8q,.instrument-panel.svelte-1n46o8q{width:100%;min-width:0;max-width:100%}.config-group.svelte-1n46o8q label:where(.svelte-1n46o8q) span:where(.svelte-1n46o8q){flex-basis:18px}.config-group.svelte-1n46o8q output:where(.svelte-1n46o8q){flex-basis:46px}.panel-heading.svelte-1n46o8q code:where(.svelte-1n46o8q){display:none}.target-surface.svelte-1n46o8q{grid-template-rows:minmax(0,1fr) auto;display:grid}.target-surface.svelte-1n46o8q canvas:where(.svelte-1n46o8q){grid-row:1;min-height:0}.shortcut-strip.svelte-1n46o8q{grid-row:2;margin:0 8px 8px;position:static}.workbench.svelte-1n46o8q{min-height:0}.canvas-panel.svelte-1n46o8q{grid-template-rows:48px 320px}.controls.svelte-1n46o8q{flex-wrap:wrap;overflow-x:auto}.score-block.svelte-1n46o8q{flex-basis:100%}.controls.svelte-1n46o8q button:where(.svelte-1n46o8q){flex:none}.metrics-grid.svelte-1n46o8q{grid-template-columns:1fr}.metrics-grid.svelte-1n46o8q>section:where(.svelte-1n46o8q){border-right:0}}@media (hover:none) and (pointer:coarse){button.svelte-1n46o8q{min-height:44px}input[type=range].svelte-1n46o8q{min-height:32px}.desktop-shortcuts.svelte-1n46o8q{display:none}.touch-shortcuts.svelte-1n46o8q{font-size:11px;line-height:1.45;display:block}[data-help].svelte-1n46o8q{cursor:pointer}}:root{--color-paper:oklch(95% .012 78);--color-paper-2:oklch(92.5% .014 75);--color-paper-3:oklch(88.5% .014 72);--color-ink:oklch(22% .012 60);--color-ink-2:oklch(42% .012 60);--color-muted:oklch(53% .011 66);--color-rule:oklch(74% .014 70);--color-rule-2:oklch(84% .012 72);--color-accent:oklch(58% .14 42);--color-accent-hover:oklch(52% .14 42);--color-accent-ink:oklch(19% .012 55);--color-focus:oklch(61% .19 42);--color-tray:oklch(20.5% .014 190);--color-tray-2:oklch(24% .014 190);--color-tray-ink:oklch(88% .01 175);--color-tray-muted:oklch(65% .012 180);--color-tray-rule:oklch(32% .014 185);--color-good:oklch(75% .11 160);--color-warning:oklch(78% .13 75);--color-danger:oklch(68% .18 25);--color-overlay:oklch(20.5% .014 190/.88);--color-panel-wash:oklch(98% .006 78/.88);--color-grid:oklch(38% .014 190/.09);--color-accent-wash:oklch(86% .055 55);--font-display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", "Songti SC", serif;--font-body:"Aptos", "Segoe UI Variable", "PingFang TC", "Microsoft JhengHei", sans-serif;--font-mono:"Cascadia Mono", "SFMono-Regular", "Roboto Mono", monospace;--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--text-xs:.64rem;--text-sm:.8rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-xl:1.953rem;--rule-hairline:1px;--radius-control:3px;--radius-panel:4px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-short:.16s;--dur-press:90ms;font-family:var(--font-body);color:var(--color-ink);background:var(--color-paper-2);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{overflow-x:clip}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100dvh}button{font:inherit}button,input{touch-action:manipulation}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.48}@media (prefers-reduced-motion:no-preference){button{transition:color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), transform var(--dur-press) var(--ease-in)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}button:active{transform:none}}