.st .sb-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:32px 64px;display:grid}.st .sb-intro{position:sticky;top:100px}.st .sb-intro .hm-h2{margin-top:10px}.st .sb-count{color:var(--acc);font-size:15px}.st .sb-grid>.sb-note{grid-column:2;margin-top:0}.st .sb-form{background:var(--paper);color:var(--ink);border:1px solid var(--ink);box-shadow:8px 8px 0 color-mix(in srgb, var(--ink) 12%, transparent);padding:22px 26px 26px;position:relative}.st .sb-top{letter-spacing:.06em;color:var(--ink2);border-bottom:1px solid var(--line2);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-bottom:12px;font-size:13px;display:flex}.st .sb-rows{margin:0;padding:0;list-style:none}.st .sb-row{border-bottom:1px solid var(--line);grid-template-columns:38px minmax(0,1fr) 128px;align-items:center;gap:18px;padding:18px 0;display:grid}.st .sb-no{font:500 14px/1.3 var(--fd), var(--f), sans-serif;font-variant-numeric:tabular-nums;color:var(--ink2);align-self:start;padding-top:4px}.st .sb-when{color:var(--ink2);font-size:13px}.st .sb-title{font:700 24px/1.1 var(--f), sans-serif;letter-spacing:-.02em;margin:4px 0 6px}.st .sb-text{color:var(--ink2);gap:6px;font-size:16px;line-height:1.5;transition:color .3s;display:grid}.st .sb-row.is-inked .sb-text{color:var(--ink)}.st .sb-pad{border:2px dashed var(--line2);height:96px;color:var(--ink);cursor:pointer;font:inherit;background:0 0;place-items:center;display:grid;position:relative}.st .sb-row.is-next .sb-pad{border-color:var(--acc)}.st .sb-pad:hover:not([disabled]){background:var(--acc-wash)}.st .sb-pad:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.st .sb-pad[disabled]{cursor:default;border-color:#0000}.st .sb-handle{font-size:14px}.st .sb-ink{border:5px double var(--acc);color:var(--acc);font:700 19px var(--fm), monospace;letter-spacing:.08em;opacity:0;pointer-events:none;place-items:center;display:grid;position:absolute;inset:10px 4px;transform:rotate(-8deg)scale(1.9);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='80'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='4'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 -1.1 1.6'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='80'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='4'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 -1.1 1.6'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.st .sb-row.is-inked .sb-ink{animation:.26s cubic-bezier(.2,1.6,.4,1) forwards sb-thump}@keyframes sb-thump{to{opacity:1;transform:rotate(-8deg)scale(1)}}.st .sb-filed{display:none}.st .sb-form.is-filed .sb-filed{border-top:1px solid var(--line2);justify-items:start;gap:12px;margin-top:22px;padding-top:18px;display:grid}.st .sb-big{font:700 56px/.9 var(--f), sans-serif;letter-spacing:.04em;background:var(--acc);color:var(--on-acc);padding:8px 14px 4px;animation:.32s cubic-bezier(.2,1.6,.4,1) both sb-thump-big;transform:rotate(-3deg)}@keyframes sb-thump-big{0%{opacity:0;transform:rotate(-3deg)scale(1.8)}to{opacity:1;transform:rotate(-3deg)scale(1)}}@media (prefers-reduced-motion:reduce){.st .sb-row.is-inked .sb-ink{opacity:.92;animation:none;transform:rotate(-8deg)}.st .sb-big{animation:none}.st .sb-text{transition:none}}@media (max-width:1020px){.st .sb-grid{grid-template-columns:minmax(0,1fr)}.st .sb-intro{position:static}.st .sb-grid>.sb-note{grid-column:1}.st .sb-form{padding:16px 14px 20px}.st .sb-row{grid-template-columns:minmax(0,1fr) 96px;gap:12px}.st .sb-no{display:none}.st .sb-title{font-size:21px}.st .sb-pad{height:80px}.st .sb-ink{border-width:3px;font-size:14px}}
