.note[data-astro-cid-jhr4jbsg]{font-family:var(--font-hand);white-space:nowrap;font-size:1.125rem;font-weight:600;line-height:1.2;transition:opacity .45s}@media (width>=640px){.note[data-astro-cid-jhr4jbsg]{font-size:1.25rem}}.note-clean[data-astro-cid-jhr4jbsg],#demo-root[data-astro-cid-jhr4jbsg].is-cleaned .note-dirty[data-astro-cid-jhr4jbsg]{opacity:0}#demo-root[data-astro-cid-jhr4jbsg].is-cleaned .note-clean[data-astro-cid-jhr4jbsg]{opacity:1}.phone[data-astro-cid-jhr4jbsg]{background:var(--color-ink);border-radius:38px;width:min(360px,100%);padding:12px;position:relative;box-shadow:0 30px 60px -20px #0f2a2b66}.phone[data-astro-cid-jhr4jbsg]:before{content:"";background:var(--color-ink);z-index:3;border-radius:0 0 14px 14px;width:110px;height:24px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.screen[data-astro-cid-jhr4jbsg]{background:#fff;background-image:linear-gradient(var(--paper-grid) 1px, transparent 1px), linear-gradient(90deg, var(--paper-grid) 1px, transparent 1px);background-size:22px 22px;border-radius:28px;padding:44px 16px 18px;position:relative;overflow:hidden}.qcard[data-astro-cid-jhr4jbsg]{border:1.5px solid var(--color-line);background:#fff;border-radius:16px;padding:16px;position:relative;box-shadow:0 8px 20px -10px #0f2a2b26}.chip[data-astro-cid-jhr4jbsg]{border-radius:999px;padding:4px 10px;font-size:.68rem;font-weight:700}.chip-pen[data-astro-cid-jhr4jbsg]{background:var(--color-pen-soft);color:var(--color-pen)}.chip-ok[data-astro-cid-jhr4jbsg]{background:var(--color-ok-soft);color:var(--color-ok);opacity:0;transition:opacity .4s .1s,transform .4s .1s;transform:translateY(4px)}.scribbles[data-astro-cid-jhr4jbsg]{pointer-events:none;z-index:2;position:absolute;inset:0}.scribbles[data-astro-cid-jhr4jbsg] path[data-astro-cid-jhr4jbsg],.scribbles[data-astro-cid-jhr4jbsg] ellipse[data-astro-cid-jhr4jbsg]{stroke:var(--color-pen);fill:none;stroke-linecap:round;stroke-width:2.4px;opacity:.85;transition:opacity .5s}.scribbles[data-astro-cid-jhr4jbsg] text[data-astro-cid-jhr4jbsg]{fill:var(--color-pen);font-family:var(--font-hand);font-size:22px;font-weight:600;transition:opacity .5s}#demo-root[data-astro-cid-jhr4jbsg].is-cleaned .scribbles[data-astro-cid-jhr4jbsg] path[data-astro-cid-jhr4jbsg],#demo-root[data-astro-cid-jhr4jbsg].is-cleaned .scribbles[data-astro-cid-jhr4jbsg] ellipse[data-astro-cid-jhr4jbsg],#demo-root[data-astro-cid-jhr4jbsg].is-cleaned .scribbles[data-astro-cid-jhr4jbsg] text[data-astro-cid-jhr4jbsg]{opacity:0}#demo-root[data-astro-cid-jhr4jbsg].is-cleaned .chip-ok[data-astro-cid-jhr4jbsg]{opacity:1;transform:none}.eraser[data-astro-cid-jhr4jbsg]{z-index:4;border:2px solid var(--color-ink);opacity:0;pointer-events:none;background:linear-gradient(#ff8fa3 0 45%,#fdf3f5 45%);border-radius:8px;width:64px;height:38px;position:absolute;top:38%;left:-70px;transform:rotate(-18deg);box-shadow:0 6px 12px -4px #0f2a2b59}#demo-root[data-astro-cid-jhr4jbsg].is-erasing .eraser[data-astro-cid-jhr4jbsg]{animation:1.15s ease-in-out forwards sweep}@keyframes sweep{0%{opacity:0;transform:translate(0)rotate(-18deg)}10%{opacity:1}30%{transform:translate(140px,-34px)rotate(-10deg)}55%{transform:translate(60px,26px)rotate(-24deg)}80%{transform:translate(240px,-6px)rotate(-8deg)}to{opacity:0;transform:translate(340px,20px)rotate(-14deg)}}.solution[data-astro-cid-jhr4jbsg]{max-height:0;transition:max-height .5s;overflow:hidden}.solution[data-astro-cid-jhr4jbsg].open{max-height:260px}.demo-hint[data-astro-cid-jhr4jbsg]{font-family:var(--font-hand);color:var(--color-brand);justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:1.05rem;font-weight:600;transition:opacity .3s,margin .3s;display:flex}.demo-hint-arrow[data-astro-cid-jhr4jbsg]{font-size:1.15rem;animation:1.6s ease-in-out infinite hint-bounce;display:inline-block}@keyframes hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}#demo-root[data-astro-cid-jhr4jbsg].is-touched .demo-hint[data-astro-cid-jhr4jbsg]{opacity:0;height:0;margin-top:0;overflow:hidden}.demo-btn[data-astro-cid-jhr4jbsg]{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 10px;font-family:inherit;font-size:.85rem;font-weight:700;transition:opacity .15s,transform .12s,box-shadow .15s;display:inline-flex}.demo-btn-icon[data-astro-cid-jhr4jbsg]{flex:none;width:16px;height:16px}.demo-btn-primary[data-astro-cid-jhr4jbsg]{background:var(--color-brand);color:#fff;box-shadow:0 6px 16px -6px #00697099}.demo-btn-primary[data-astro-cid-jhr4jbsg]:hover{transform:translateY(-1px);box-shadow:0 10px 22px -8px #006970b3}.demo-btn-primary[data-astro-cid-jhr4jbsg]:active{transform:translateY(0)}.demo-btn-primary[data-astro-cid-jhr4jbsg]:disabled{opacity:.45;cursor:default;box-shadow:none;transform:none}.demo-btn-primary[data-astro-cid-jhr4jbsg].nudge{animation:2.4s ease-in-out infinite nudge-pulse}@keyframes nudge-pulse{0%,to{box-shadow:0 6px 16px -6px #00697099,0 0 #00697059}50%{box-shadow:0 6px 16px -6px #00697099,0 0 0 7px #00697000}}.demo-btn-ghost[data-astro-cid-jhr4jbsg]{border:1.5px solid var(--color-line);color:var(--color-ink-soft);background:0 0}@media (prefers-reduced-motion:reduce){.demo-hint-arrow[data-astro-cid-jhr4jbsg],.demo-btn-primary[data-astro-cid-jhr4jbsg].nudge{animation:none}}