.shutter{display:flex;flex-direction:column;min-height:100dvh;background:var(--board)}.shutter-board{flex:1 1;display:flex;align-items:center;padding:3.5rem 1.25rem}.shutter-say-block{max-width:46rem;width:100%;margin:0 auto}.shutter-say{margin:2rem 0 0}.shutter-note{margin:.875rem 0 0}.shutter-mark{margin:0;font-size:clamp(var(--step-5),7.5vw,5.5rem);font-weight:800;letter-spacing:-.04em;line-height:.9}.shutter-mark span{color:var(--red)}.shutter-say{max-width:26ch;font-size:var(--step-3);font-weight:800;letter-spacing:-.02em;line-height:1.2;text-wrap:balance}.shutter-note{max-width:56ch;color:var(--ink-2)}@keyframes chalk-on{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);opacity:.4}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1}}.shutter-say-block>*{animation:chalk-on .22s cubic-bezier(.22,1,.36,1) both}.shutter-say-block>:nth-child(2){animation-delay:90ms}.shutter-say-block>:nth-child(3){animation-delay:.16s}.shutter-mark{animation:type-on .64s steps(8) backwards}.shutter-mark span{animation:caret-blink 1s step-end .64s infinite}.shutter-foot{border-top:var(--rule-w) solid var(--ink);background:var(--board-deep)}.shutter-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,15rem) auto;align-items:end;grid-gap:.875rem 1.25rem;gap:.875rem 1.25rem;max-width:46rem;margin:0 auto;padding:1.75rem 1.25rem 1.5rem}.shutter-field{display:flex;flex-direction:column;gap:.375rem;min-width:0}.shutter-form .field,.shutter-pntn{width:100%;min-height:3.25rem;padding:0 .625rem .125rem;border:0;border-bottom:var(--rule-w) solid var(--ink);border-radius:0;background:color-mix(in srgb,var(--ink) 4%,transparent);color:var(--ink);caret-color:var(--red)}.shutter-pntn{font-size:var(--step-4);font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1,tabular-nums lining-nums}.shutter-form .field{font-size:var(--step-2);font-weight:600}.shutter-pntn::placeholder{color:var(--ink-2);font-weight:400;opacity:1}.shutter-form .field:focus-visible,.shutter-pntn:focus-visible{background:color-mix(in srgb,var(--ink) 9%,transparent)}.shutter-form .btn{min-height:3.25rem;padding:0 1.75rem}.shutter-form .notice,.shutter-hint{grid-column:1/-1}.shutter-hint{margin:0;color:var(--ink-2);font-size:var(--step--1)}@media (max-width:44rem){.shutter-board{padding:2.5rem 1.25rem 2rem}.shutter-say{margin-top:1.25rem;font-size:var(--step-2)}.shutter-form{grid-template-columns:minmax(0,1fr);gap:1.25rem;padding:1.5rem 1.25rem 2rem}.shutter-form .btn{width:100%;margin-top:.25rem}}