:root{--sheet-note:oklch(from var(--brand-warning) .91 .13 h);--sheet-note-soft:oklch(from var(--brand-warning) .96 .06 h);--demo-loop:11s}.sheet-flag{background:var(--sheet-note);clip-path:polygon(.7rem 0,100% 0,100% 100%,.7rem 100%,0 50%);color:var(--brand-ink);white-space:nowrap;padding:.3rem .7rem .3rem 1.05rem;font-size:.8rem;font-weight:700;line-height:1.2;display:inline-block}.sheet-open{background:var(--sheet-note-soft);color:var(--brand-ink)}.sheet-chip{border:1px solid color-mix(in oklab, var(--link) 50%, transparent);color:var(--link);white-space:nowrap;border-radius:3px;padding:.05rem .4rem;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-block}.sheet-stamp{border:3px double var(--link);color:var(--link);white-space:nowrap;padding:.2rem .55rem;font-size:.82rem;font-weight:800;rotate:-2deg}.demo-box{border:1.5px solid;place-items:center;width:.95rem;height:.95rem;display:inline-grid}.demo-box svg{fill:none;width:.6rem;height:.6rem;stroke:var(--link);stroke-width:2.6px}.demo-toggle{cursor:pointer;border-radius:3px;align-items:center;gap:.4rem;min-height:2rem;padding:0 .7rem;font-size:.8rem;font-weight:700;display:inline-flex}.demo-toggle:hover{background:color-mix(in oklab, var(--background) 18%, transparent)}.demo-toggle:focus-visible{outline-color:var(--background);outline-offset:-3px}.demo-row{isolation:isolate;position:relative}.demo-row:before{z-index:-1;background:color-mix(in oklab, var(--accent) 55%, transparent);content:"";opacity:0;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.demo [data-step]{animation:var(--demo-loop) linear infinite both}.demo [data-step="1"]{animation-name:demo-step-1}.demo [data-step="2"]{animation-name:demo-step-2}.demo [data-step="3"]{animation-name:demo-step-3}.demo [data-step="4"]{animation-name:demo-step-4}.demo [data-step="5"]{animation-name:demo-step-5}.demo [data-step="6"]{animation-name:demo-step-6}.demo .demo-late{animation-delay:.32s}.demo-row:before{animation:demo-active var(--demo-loop) linear infinite both;animation-delay:calc(var(--row) * 1.1s)}.demo-stamp{animation:demo-stamp var(--demo-loop) linear infinite both}.demo[data-paused] *,.demo[data-paused] :before{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.demo-toggle{display:none}}@keyframes demo-step-1{0%,5%{clip-path:inset(-2px 100% -2px 0);animation-timing-function:cubic-bezier(.2,.7,.2,1)}9%,90%{clip-path:inset(-2px)}94%,to{clip-path:inset(-2px -2px -2px calc(100% + 4px))}}@keyframes demo-step-2{0%,15%{clip-path:inset(-2px 100% -2px 0);animation-timing-function:cubic-bezier(.2,.7,.2,1)}19%,90%{clip-path:inset(-2px)}94%,to{clip-path:inset(-2px -2px -2px calc(100% + 4px))}}@keyframes demo-step-3{0%,25%{clip-path:inset(-2px 100% -2px 0);animation-timing-function:cubic-bezier(.2,.7,.2,1)}29%,90%{clip-path:inset(-2px)}94%,to{clip-path:inset(-2px -2px -2px calc(100% + 4px))}}@keyframes demo-step-4{0%,35%{clip-path:inset(-2px 100% -2px 0);animation-timing-function:cubic-bezier(.2,.7,.2,1)}39%,90%{clip-path:inset(-2px)}94%,to{clip-path:inset(-2px -2px -2px calc(100% + 4px))}}@keyframes demo-step-5{0%,45%{clip-path:inset(-2px 100% -2px 0);animation-timing-function:cubic-bezier(.2,.7,.2,1)}49%,90%{clip-path:inset(-2px)}94%,to{clip-path:inset(-2px -2px -2px calc(100% + 4px))}}@keyframes demo-step-6{0%,55%{clip-path:inset(-2px 100% -2px 0);animation-timing-function:cubic-bezier(.2,.7,.2,1)}59%,90%{clip-path:inset(-2px)}94%,to{clip-path:inset(-2px -2px -2px calc(100% + 4px))}}@keyframes demo-active{0%,4%{opacity:0}5%,13%{opacity:1}15%,to{opacity:0}}@keyframes demo-stamp{0%,57%{clip-path:inset(-8px);visibility:hidden;animation-timing-function:cubic-bezier(.5,0,.9,.4);transform:scale(2.1)}59%,90%{clip-path:inset(-8px);visibility:visible;transform:scale(1)}94%,to{clip-path:inset(-8px -8px -8px calc(100% + 16px));visibility:visible;transform:scale(1)}}.art{color:var(--foreground)}.art-paper{fill:var(--card);stroke:currentColor;stroke-width:2px}.art-ink{fill:currentColor}.art-fold{fill:none;stroke:currentColor;stroke-width:2px}.art-text{stroke:var(--muted-foreground);stroke-width:4px;opacity:.45}.art-rule{stroke:var(--border);stroke-width:1.5px}.art-blank{fill:none;stroke:var(--muted-foreground);stroke-dasharray:4 3;stroke-width:1.5px}.art-filled{fill:var(--accent)}.art-answer{stroke:currentColor;stroke-width:4px}.art-open{fill:var(--sheet-note)}.art-open-soft{fill:var(--sheet-note-soft)}.art-chip{fill:var(--card);stroke:var(--link);stroke-width:1.5px}.art-check{fill:none;stroke:var(--link);stroke-width:3px}.art-sign{fill:none;stroke:currentColor;stroke-width:4px}.art-wire{fill:none;stroke:var(--link);stroke-width:2.5px}.art-dot{fill:var(--link)}.art-label{fill:currentColor;font-weight:700}.art-question{fill:var(--muted-foreground)}.art-answer-text{fill:var(--foreground);font-weight:600}.art-tab{fill:var(--background);font-weight:700}