.draw.svelte-ku3rem{flex-direction:column;align-items:center;gap:.8rem;display:flex}.pad.svelte-ku3rem{background:var(--ink-3);border:1px solid var(--line);touch-action:none;border-radius:16px;position:relative;overflow:hidden}.grid.svelte-ku3rem{position:absolute;inset:0}.grid.svelte-ku3rem .v:where(.svelte-ku3rem),.grid.svelte-ku3rem .h:where(.svelte-ku3rem){background:var(--line-soft);position:absolute}.grid.svelte-ku3rem .v:where(.svelte-ku3rem){background:repeating-linear-gradient(var(--line) 0 4px, transparent 4px 9px);width:1px;top:0;bottom:0;left:50%}.grid.svelte-ku3rem .h:where(.svelte-ku3rem){background:repeating-linear-gradient(90deg, var(--line) 0 4px, transparent 4px 9px);height:1px;top:50%;left:0;right:0}.ghost.svelte-ku3rem{font-family:var(--font-kana);color:var(--text);opacity:.1;-webkit-user-select:none;user-select:none;place-items:center;display:grid;position:absolute;inset:0}.guide-overlay.svelte-ku3rem{opacity:.5;place-items:center;display:grid;position:absolute;inset:0}canvas.svelte-ku3rem{cursor:crosshair;display:block;position:relative}.controls.svelte-ku3rem{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.controls.svelte-ku3rem button:where(.svelte-ku3rem){color:var(--text-2);border:1px solid var(--line-soft);border-radius:9px;align-items:center;gap:.35rem;padding:.4rem .7rem;font-size:.8rem;transition:color .2s,border-color .2s;display:inline-flex}.controls.svelte-ku3rem button:where(.svelte-ku3rem):hover:not(:disabled),.controls.svelte-ku3rem button.on:where(.svelte-ku3rem){color:var(--shu);border-color:var(--shu)}.controls.svelte-ku3rem button:where(.svelte-ku3rem):disabled{opacity:.4}.sp.svelte-1lvbnm3{flex-direction:column;align-items:center;gap:.9rem;display:flex}.board.svelte-1lvbnm3{background:var(--ink-3);border:1px solid var(--line);touch-action:none;border-radius:16px;overflow:hidden}.board.empty.svelte-1lvbnm3{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;padding:1.5rem;display:flex}.board.empty.svelte-1lvbnm3 .big:where(.svelte-1lvbnm3){font-family:var(--font-kana);color:var(--text-2);font-size:4rem}.board.empty.svelte-1lvbnm3 p:where(.svelte-1lvbnm3){color:var(--text-3);font-size:.82rem;line-height:1.45}svg.svelte-1lvbnm3{cursor:crosshair;width:100%;height:100%;display:block}.hint.svelte-1lvbnm3{stroke-dasharray:1;stroke-dashoffset:1px;animation:.8s cubic-bezier(.65,.1,.35,1) forwards svelte-1lvbnm3-draw}@keyframes svelte-1lvbnm3-draw{to{stroke-dashoffset:0}}.hud.svelte-1lvbnm3{flex-direction:column;align-items:center;gap:.55rem;width:min(320px,100%);display:flex}.pips.svelte-1lvbnm3{gap:.3rem;display:flex}.pips.svelte-1lvbnm3 span:where(.svelte-1lvbnm3){background:var(--line);border-radius:50%;width:9px;height:9px;transition:background .2s}.pips.svelte-1lvbnm3 span.on:where(.svelte-1lvbnm3){background:var(--text)}.pips.svelte-1lvbnm3 span.cur:where(.svelte-1lvbnm3){background:var(--shu)}.msg.svelte-1lvbnm3{text-align:center;color:var(--text-3);align-items:center;gap:.35rem;min-height:1.2em;font-size:.85rem;display:inline-flex}.msg.ok.svelte-1lvbnm3{color:var(--matcha)}.msg.bad.svelte-1lvbnm3{color:var(--shu)}.acts.svelte-1lvbnm3{gap:.5rem;display:flex}.acts.svelte-1lvbnm3 button:where(.svelte-1lvbnm3){color:var(--text-2);border:1px solid var(--line-soft);border-radius:9px;align-items:center;gap:.3rem;padding:.35rem .7rem;font-size:.78rem;transition:color .2s,border-color .2s;display:inline-flex}.acts.svelte-1lvbnm3 button:where(.svelte-1lvbnm3):hover:not(:disabled){color:var(--shu);border-color:var(--shu)}.acts.svelte-1lvbnm3 button:where(.svelte-1lvbnm3):disabled{opacity:.4}.head.svelte-a8vy9b{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}h1.svelte-a8vy9b{font-family:var(--font-serif);font-size:clamp(1.6rem,4vw,2.2rem);font-weight:900}.head.svelte-a8vy9b p:where(.svelte-a8vy9b){color:var(--text-3);max-width:32rem;margin-top:.3rem;font-size:.85rem}.toggles.svelte-a8vy9b{flex-wrap:wrap;gap:.5rem;display:flex}.seg.svelte-a8vy9b{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:11px;padding:.2rem;display:flex}.seg.svelte-a8vy9b button:where(.svelte-a8vy9b){font-family:var(--font-serif);color:var(--text-3);border-radius:8px;padding:.4rem .8rem}.seg.small.svelte-a8vy9b button:where(.svelte-a8vy9b){padding:.35rem .6rem;font-size:.9rem}.seg.svelte-a8vy9b button.on:where(.svelte-a8vy9b){background:var(--shu);color:#fff}.layout.svelte-a8vy9b{grid-template-columns:auto 1fr;align-items:start;gap:1.5rem;display:grid}.canvas-col.svelte-a8vy9b{flex-direction:column;align-items:center;gap:1rem;display:flex}.mode-seg.svelte-a8vy9b{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:10px;padding:.2rem;display:flex}.mode-seg.svelte-a8vy9b button:where(.svelte-a8vy9b){color:var(--text-3);border-radius:7px;padding:.4rem .8rem;font-size:.8rem;transition:color .2s,background .2s}.mode-seg.svelte-a8vy9b button.on:where(.svelte-a8vy9b){background:var(--shu);color:#fff}.nav.svelte-a8vy9b{align-items:center;gap:.6rem;display:flex}.nav.svelte-a8vy9b>button:where(.svelte-a8vy9b){border:1px solid var(--line);width:40px;height:40px;color:var(--text-2);border-radius:10px;place-items:center;transition:border-color .2s,color .2s;display:grid}.nav.svelte-a8vy9b>button:where(.svelte-a8vy9b):hover{border-color:var(--shu);color:var(--shu)}.cur-info.svelte-a8vy9b{align-items:center;gap:.5rem;padding:0 .5rem;display:flex}.cur-char.svelte-a8vy9b{font-family:var(--font-kana);font-size:1.8rem}.cur-romaji.svelte-a8vy9b{font-family:var(--font-mono);color:var(--shu)}.spk.svelte-a8vy9b{color:var(--text-3)}.spk.svelte-a8vy9b:hover{color:var(--shu)}.mnem.svelte-a8vy9b{color:var(--text-3);text-align:center;max-width:300px;font-size:.82rem;line-height:1.45}.mnem.svelte-a8vy9b svg{vertical-align:-2px;color:var(--kin);display:inline}.picker.svelte-a8vy9b{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:.4rem;max-height:460px;padding-right:.3rem;display:grid;overflow-y:auto}.pk.svelte-a8vy9b{aspect-ratio:1;border:1px solid var(--line-soft);background:var(--ink-2);font-family:var(--font-kana);color:var(--text);border-radius:10px;font-size:1.3rem;transition:border-color .16s,transform .16s}.pk.svelte-a8vy9b:hover{border-color:var(--shu);transform:translateY(-2px)}.pk.on.svelte-a8vy9b{border-color:var(--shu);background:color-mix(in oklab, var(--shu) 14%, var(--ink-2))}@media (width<=720px){.layout.svelte-a8vy9b{grid-template-columns:1fr}.picker.svelte-a8vy9b{max-height:220px}}