.slate-root{gap:var(--space-16);flex-direction:column;display:flex}.slate-root button,.slate-root select,.slate-root input{min-height:44px}.slate-intro{margin:0;font-weight:700}.slate-nav{justify-content:space-between;align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.slate-where{text-align:center;flex:12rem;margin:0;font-size:.95rem}.slate-step{min-width:6rem}.slate-pen{gap:var(--space-4);flex-direction:column;display:flex}.slate-pen-label{margin:0;font-weight:700}.slate-pen-bar{height:var(--space-12);border:2px solid var(--ff-anvil);background:color-mix(in srgb, var(--ff-anvil) 8%, transparent);border-radius:999px;overflow:hidden}.slate-pen-fill{background:var(--pc-select);height:100%;transition:width .4s;display:block}.slate-card>*+*{margin-block-start:var(--space-12)}.slate-prompt{margin:0;font-size:1.25rem;font-weight:800}.slate-ask{margin:0}.slate-h2{margin:0 0 var(--space-8);font-size:1.2rem;font-weight:800}.slate-board{--chalk:#f3f0e6;border:var(--space-8) solid #6b4a2e;border-radius:var(--space-12);padding:var(--space-12);gap:var(--space-8);color:var(--chalk);background:#2b3436 radial-gradient(at 30% 20%,#ffffff0f,#0000 60%);flex-direction:column;display:flex;position:relative}.slate-line{align-items:center;gap:var(--space-8);width:100%;min-height:56px;color:var(--chalk);padding:var(--space-4) var(--space-12);text-align:start;cursor:pointer;font:inherit;background:0 0;border:2px dashed #0000;border-radius:999px;grid-template-columns:5.5rem 1fr auto;display:grid}.slate-line:hover:not(:disabled){border-color:#f3f0e673}.slate-line:focus-visible{outline-offset:2px;outline:3px solid #f2d675}.slate-line:disabled{cursor:default;opacity:1}.slate-label{color:#d9d4c4;font-size:.9rem;font-weight:700}.slate-ink{align-items:center;min-height:40px;display:inline-flex}.slate-ink svg{display:block;overflow:visible}.slate-tag{white-space:nowrap;font-size:.85rem;font-weight:700}.slate-line--checked .slate-tag{color:#bfe3f0}.slate-line--circled{border:3px solid #f4a6b5}.slate-line--circled .slate-tag{color:#f4a6b5}.slate-line--child,.slate-line--child .slate-tag{color:#f2d675}.slate-line--redo,.slate-line--redo .slate-tag{color:#bfe3f0}.slate-line--active{border-style:solid;border-color:#f2d675}.slate-blank{opacity:.7;letter-spacing:.2em;font-size:1.4rem}.slate-mark{white-space:nowrap;font-size:.9rem;font-weight:800}.slate-mark--follows{color:#bfe3f0}.slate-mark--not-yet{color:#f4a6b5}.slate-mark--waiting{color:#d9d4c4;font-weight:700}.slate-fixes{gap:var(--space-8);flex-wrap:wrap;display:flex}.slate-fixes-h{flex-basis:100%;margin:0;font-weight:700}.slate-fix{color:#f2d675;align-items:center;gap:var(--space-4);background:#2b3436;border:3px solid #6b4a2e;flex-direction:column;min-width:9rem;min-height:64px;display:inline-flex}.slate-fix:hover:not(:disabled){border-color:#f2d675}.slate-fix:disabled{opacity:.55}.slate-fix .slate-tag{color:#f4a6b5}.slate-say{min-height:1.5em;margin:0;font-weight:700}.slate-rule{border-inline-start:var(--space-4) solid var(--pc-select);padding-inline-start:var(--space-12)}.slate-rule-h{margin:0;font-size:1rem;font-weight:800}.slate-rule-text{margin:var(--space-4) 0 var(--space-8);font-size:1.15rem;font-weight:700}.slate-row,.slate-tools{gap:var(--space-8);flex-wrap:wrap;align-items:center;display:flex}.slate-done>*+*{margin-block-start:var(--space-8)}.slate-pad{gap:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(3.25rem,1fr));display:grid}.slate-key{min-height:52px;font-size:1.25rem;font-weight:800}.slate-pad .ff-btn--primary,.slate-pad .ff-btn:not(.slate-key){grid-column:span 2}.slate-own{align-items:center}.slate-num{width:5rem;min-height:44px;font-size:1.1rem}.slate-op{min-height:44px}.slate-chip{min-width:6rem}.slate-hand--writes path{stroke-dasharray:1;stroke-dashoffset:1px;animation:.5s forwards slate-write;animation-delay:var(--slate-delay,0s)}@keyframes slate-write{to{stroke-dashoffset:0}}.slate-dust{pointer-events:none;position:absolute;inset-block-end:var(--space-8);inset-inline-start:50%}.slate-dust i{opacity:.8;background:#f3f0e6;border-radius:50%;width:4px;height:4px;animation:1.1s ease-in forwards slate-fall;position:absolute}.slate-dust i:nth-child(2){animation-delay:50ms;inset-inline-start:-12px}.slate-dust i:nth-child(3){animation-delay:.1s;inset-inline-start:10px}.slate-dust i:nth-child(4){animation-delay:.15s;inset-inline-start:-20px}.slate-dust i:nth-child(5){animation-delay:80ms;inset-inline-start:18px}.slate-dust i:nth-child(6){animation-delay:.2s;inset-inline-start:-4px}.slate-dust i:nth-child(7){animation-delay:.12s;inset-inline-start:26px}@keyframes slate-fall{to{opacity:0;transform:translateY(28px)}}@media (prefers-reduced-motion:reduce){.slate-hand--writes path{stroke-dashoffset:0;animation:none}.slate-dust{display:none}.slate-pen-fill{transition:none}}@media (width<=480px){.slate-where{flex-basis:100%;order:-1}.slate-line{grid-template-columns:4.25rem 1fr}.slate-line .slate-tag,.slate-line .slate-mark{grid-column:1/-1}}.slate-num,.slate-op{border:2px solid var(--ff-anvil);border-radius:var(--space-8);padding:0 var(--space-8);background:color-mix(in srgb, var(--ff-anvil) 6%, transparent);color:inherit;font:inherit}.slate-op{padding-inline-end:var(--space-24)}.slate-text{border:2px solid var(--ff-anvil);border-radius:var(--space-8);min-width:0;min-height:2.75rem;padding:0 var(--space-8);background:color-mix(in srgb, var(--ff-anvil) 6%, transparent);color:inherit;flex:14rem;font-family:inherit;font-size:1.1rem}.slate-kinds{gap:var(--space-8);flex-wrap:wrap;display:flex}.slate-kinds .slate-fixes-h{flex:1 0 100%;margin:0;font-weight:800}.slate-kind{min-height:3.25rem;font-weight:800}.slate-kind .slate-tag{font-weight:600}