.StepPlayer-module__vqsb3q__player{gap:12px;max-width:560px;margin:0 auto;display:grid}.StepPlayer-module__vqsb3q__paper{box-shadow:0 2px 0 var(--line-strong,#dfcdb0), 0 0 0 1px var(--line-strong,#dfcdb0);cursor:pointer;touch-action:manipulation;background:#fffdf7;border-radius:8px;position:relative}.StepPlayer-module__vqsb3q__paper:focus-visible{outline:3px solid var(--sketch,#2f6fd6);outline-offset:3px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .StepPlayer-module__vqsb3q__paper{background:#f3ead8}}:root[data-theme=dark] .StepPlayer-module__vqsb3q__paper{background:#f3ead8}.StepPlayer-module__vqsb3q__svg{aspect-ratio:1;width:100%;height:auto;display:block}.StepPlayer-module__vqsb3q__grid line{stroke:#c9daee;stroke-width:calc(var(--sw) * .35);stroke-dasharray:calc(var(--sw) * 1.5) calc(var(--sw) * 1.5)}.StepPlayer-module__vqsb3q__old path,.StepPlayer-module__vqsb3q__fresh path{fill:none;stroke-width:var(--sw);stroke-linecap:round;stroke-linejoin:round}.StepPlayer-module__vqsb3q__old path{stroke:#2a211b;transition:stroke .3s}.StepPlayer-module__vqsb3q__fresh path{stroke:#2f6fd6;stroke-width:calc(var(--sw) * 1.15)}.StepPlayer-module__vqsb3q__fresh path[data-line]{stroke-dasharray:1 1;stroke-dashoffset:1px;animation:.9s ease-in-out forwards StepPlayer-module__vqsb3q__draw}.StepPlayer-module__vqsb3q__old path.StepPlayer-module__vqsb3q__solid{fill:#2a211b;stroke-width:calc(var(--sw) / 2)}.StepPlayer-module__vqsb3q__fresh path.StepPlayer-module__vqsb3q__solid{fill:#2f6fd6;stroke-width:calc(var(--sw) / 2);opacity:0;animation:.3s ease-out forwards StepPlayer-module__vqsb3q__show}@keyframes StepPlayer-module__vqsb3q__draw{to{stroke-dashoffset:0}}@keyframes StepPlayer-module__vqsb3q__show{to{opacity:1}}.StepPlayer-module__vqsb3q__nib{pointer-events:none}@media (prefers-reduced-motion:reduce){.StepPlayer-module__vqsb3q__fresh path[data-line]{stroke-dasharray:none;stroke-dashoffset:0;animation:none}.StepPlayer-module__vqsb3q__fresh path.StepPlayer-module__vqsb3q__solid{opacity:1;animation:none}.StepPlayer-module__vqsb3q__nib{display:none}}.StepPlayer-module__vqsb3q__badge{background:var(--sketch,#2f6fd6);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:20px;font-weight:900;display:grid;position:absolute;top:10px;left:10px}.StepPlayer-module__vqsb3q__say{background:var(--card,#fff);box-shadow:0 2px 0 var(--line-strong,#dfcdb0);color:var(--ink);border-radius:14px;margin:0;padding:10px 14px;font-size:20px;line-height:1.4}.StepPlayer-module__vqsb3q__done{font-weight:800}.StepPlayer-module__vqsb3q__hear{background:var(--sketch-soft,#dde9ff);cursor:pointer;vertical-align:middle;border:0;border-radius:50%;min-width:44px;min-height:44px;font-size:20px}.StepPlayer-module__vqsb3q__controls{grid-template-columns:1fr 2fr;gap:10px;display:grid}.StepPlayer-module__vqsb3q__back,.StepPlayer-module__vqsb3q__next{min-height:64px;font:inherit;cursor:pointer;border-radius:16px;font-size:20px;font-weight:900}.StepPlayer-module__vqsb3q__back{border:3px solid var(--line-strong,#dfcdb0);background:var(--card,#fff);color:var(--ink)}.StepPlayer-module__vqsb3q__back:disabled{opacity:.45;cursor:default}.StepPlayer-module__vqsb3q__next{background:var(--sketch,#2f6fd6);color:#fff;box-shadow:0 4px 0 var(--sketch-deep,#1f54a8);border:0}:root[data-theme=dark] .StepPlayer-module__vqsb3q__next{color:#10203d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .StepPlayer-module__vqsb3q__next{color:#10203d}}.StepPlayer-module__vqsb3q__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.StepPlayer-module__vqsb3q__dots{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.StepPlayer-module__vqsb3q__dot{cursor:pointer;background:0 0;border:0;width:30px;height:30px;padding:0;position:relative}.StepPlayer-module__vqsb3q__dot:after{content:"";border:2px solid var(--sketch,#2f6fd6);border-radius:50%;position:absolute;inset:8px}.StepPlayer-module__vqsb3q__past:after{background:var(--sketch-soft,#dde9ff)}.StepPlayer-module__vqsb3q__on:after{background:var(--sketch,#2f6fd6)}.StepPlayer-module__vqsb3q__toggle{border:2px solid var(--line-strong,#dfcdb0);background:var(--card,#fff);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;padding:0 14px;font-weight:800}.StepPlayer-module__vqsb3q__toggle[aria-pressed=true]{border-color:var(--sketch,#2f6fd6);background:var(--sketch-soft,#dde9ff)}
.DrawAlong-module__X3PCsW__steps{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.DrawAlong-module__X3PCsW__step{border:3px solid var(--ink,#1d1a2e);background:var(--card,#fff);border-radius:10px;align-content:start;gap:6px;padding:10px;display:grid}.DrawAlong-module__X3PCsW__art{aspect-ratio:1;background:#fff;width:100%;height:auto}.DrawAlong-module__X3PCsW__old{fill:none;stroke:#b9b6c4;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.DrawAlong-module__X3PCsW__new{fill:none;stroke:#1d1a2e;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.DrawAlong-module__X3PCsW__num{font-weight:800}.DrawAlong-module__X3PCsW__say{margin:0;font-size:16px;line-height:1.35}.DrawAlong-module__X3PCsW__friends{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.DrawAlong-module__X3PCsW__friend{border:3px solid var(--ink,#1d1a2e);background:var(--card,#fff);text-align:center;border-radius:10px;justify-items:center;gap:6px;padding:12px;display:grid}.DrawAlong-module__X3PCsW__sheet{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.DrawAlong-module__X3PCsW__sheet .DrawAlong-module__X3PCsW__step{break-inside:avoid;border-width:2px;padding:4px}.DrawAlong-module__X3PCsW__sheet .DrawAlong-module__X3PCsW__say{font-size:11px}.DrawAlong-module__X3PCsW__blank{aspect-ratio:1;border:2px dashed #b9b6c4;border-radius:8px}