.stroke-order[data-astro-cid-3gsquelo]{align-items:stretch;gap:var(--space-4);width:100%;min-width:0;max-width:calc(var(--stage) * var(--char-count,1) + 80px);flex-direction:column;display:flex}.so-stage[data-astro-cid-3gsquelo]{width:100%;max-width:calc(var(--stage) * var(--char-count,1));aspect-ratio:var(--char-count,1) / 1;border:1.5px solid var(--border-strong);border-radius:var(--radius-lg);background:linear-gradient(to right, transparent calc(50% - .5px), color-mix(in srgb, var(--border-strong) 80%, transparent) calc(50% - .5px), color-mix(in srgb, var(--border-strong) 80%, transparent) calc(50% + .5px), transparent calc(50% + .5px)), linear-gradient(to bottom, transparent calc(50% - .5px), color-mix(in srgb, var(--border-strong) 80%, transparent) calc(50% - .5px), color-mix(in srgb, var(--border-strong) 80%, transparent) calc(50% + .5px), transparent calc(50% + .5px)), var(--surface);margin-inline:auto;position:relative}.so-svg[data-astro-cid-3gsquelo],.so-canvas[data-astro-cid-3gsquelo]{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.so-svg[data-astro-cid-3gsquelo] path[data-astro-cid-3gsquelo]{fill:none;stroke-linecap:round;stroke-linejoin:round}.so-ghost[data-astro-cid-3gsquelo] path[data-astro-cid-3gsquelo]{stroke:var(--border-strong);stroke-width:4.5px;opacity:.75}.so-ink[data-astro-cid-3gsquelo] path[data-astro-cid-3gsquelo]{stroke:var(--brand);stroke-width:5px;opacity:0}.so-ink[data-astro-cid-3gsquelo] path[data-astro-cid-3gsquelo].is-on{opacity:1}.so-ink[data-astro-cid-3gsquelo] path[data-astro-cid-3gsquelo].is-current{stroke:var(--accent)}.so-svg[data-astro-cid-3gsquelo].is-brush .so-ghost[data-astro-cid-3gsquelo] path[data-astro-cid-3gsquelo]{fill:var(--border-strong);stroke:none;opacity:.45}.so-svg[data-astro-cid-3gsquelo].is-brush .so-ink[data-astro-cid-3gsquelo] path[data-astro-cid-3gsquelo]{stroke-width:var(--so-brush)}.so-nums[data-astro-cid-3gsquelo] text[data-astro-cid-3gsquelo]{font-family:var(--font-ui);fill:var(--text-muted);opacity:.45;font-size:7px;font-weight:800}.so-nums[data-astro-cid-3gsquelo] text[data-astro-cid-3gsquelo].is-on{fill:var(--brand);opacity:1}.write-mode[data-astro-cid-3gsquelo] .so-ghost[data-astro-cid-3gsquelo] path[data-astro-cid-3gsquelo]{opacity:.4}.write-mode[data-astro-cid-3gsquelo] .so-ink[data-astro-cid-3gsquelo],.write-mode[data-astro-cid-3gsquelo] .so-nums[data-astro-cid-3gsquelo]{display:none}.so-controls[data-astro-cid-3gsquelo]{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.so-player[data-astro-cid-3gsquelo]{align-items:center;gap:var(--space-3);width:100%;display:flex}.so-play[data-astro-cid-3gsquelo]{background:var(--accent);width:40px;height:40px;color:var(--accent-ink);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.so-play[data-astro-cid-3gsquelo]:after{content:"";width:max(100%, var(--tap-min));height:max(100%, var(--tap-min));position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.so-play[data-astro-cid-3gsquelo] .so-i-pause,.so-play[data-astro-cid-3gsquelo].is-playing .so-i-play{display:none}.so-play[data-astro-cid-3gsquelo].is-playing .so-i-pause{display:inline-block}.so-range[data-astro-cid-3gsquelo]{min-width:0;accent-color:var(--accent);flex:1;height:4px}.so-time[data-astro-cid-3gsquelo]{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;min-width:56px}.compact[data-astro-cid-3gsquelo] .so-time[data-astro-cid-3gsquelo]{min-width:0}.compact[data-astro-cid-3gsquelo] .so-player[data-astro-cid-3gsquelo]{gap:var(--space-2)}.compact[data-astro-cid-3gsquelo] .so-play[data-astro-cid-3gsquelo]{width:34px;height:34px}.so-row[data-astro-cid-3gsquelo]{align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.so-label[data-astro-cid-3gsquelo]{font-size:var(--text-xs);color:var(--text-muted);font-weight:600}.so-hint[data-astro-cid-3gsquelo]{font-size:var(--text-xs);color:var(--text-muted);text-align:center;margin:0}.compact[data-astro-cid-3gsquelo],.simple[data-astro-cid-3gsquelo]{gap:var(--space-3)}.simple[data-astro-cid-3gsquelo] .so-player[data-astro-cid-3gsquelo]{justify-content:center}.simple[data-astro-cid-3gsquelo] .so-range[data-astro-cid-3gsquelo],.simple[data-astro-cid-3gsquelo] .so-time[data-astro-cid-3gsquelo],.simple[data-astro-cid-3gsquelo] .so-row[data-astro-cid-3gsquelo],.simple[data-astro-cid-3gsquelo] [data-so-replay]{display:none}.simple[data-astro-cid-3gsquelo] .so-play[data-astro-cid-3gsquelo]{width:auto;height:40px;font-weight:600;font-size:var(--text-sm);gap:6px;padding-inline:14px 16px}