.ink-scribble{display:inline-block;position:relative}.ink-scribble-mark{pointer-events:none;width:calc(100% + 28px);height:calc(100% + 20px);position:absolute;inset:-10px -14px;overflow:visible}.ink-scribble.is-underline .ink-scribble-mark{width:calc(100% + 8px);height:14px;inset:auto -4px -10px}.ink-scribble-mark path{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transition:stroke-dashoffset .6s var(--ease-paper), opacity 80ms linear}.ink-scribble.is-active .ink-scribble-mark path,a:hover .ink-scribble-mark path,a:focus-visible .ink-scribble-mark path{stroke-dashoffset:0;opacity:1}.ink-stamp,.ink-stamp:hover,.ink-stamp:active{border:4px double var(--stamp);min-height:0;box-shadow:none;color:var(--stamp);letter-spacing:.18em;white-space:nowrap;opacity:.92;mix-blend-mode:multiply;width:fit-content;transform:rotate(var(--tilt,-7deg));background:0 0;border-radius:6px;place-self:center start;align-items:center;gap:6px;padding:10px 22px;font-size:40px;font-weight:900;line-height:1.2;display:inline-flex}button.ink-stamp{cursor:pointer}.ink-stamp.is-md,.ink-stamp.is-md:hover{border-width:3px;padding:6px 14px;font-size:22px}.ink-stamp.is-sm,.ink-stamp.is-sm:hover{border-width:3px;border-color:var(--atext);color:var(--atext);letter-spacing:.1em;padding:2px 10px;font-size:15px}.ink-stamp.is-pop{animation:ink-stamp-press-a .55s var(--ease-stamp) both}.ink-stamp.is-press-a{animation:ink-stamp-press-a .55s var(--ease-stamp)}.ink-stamp.is-press-b{animation:ink-stamp-press-b .55s var(--ease-stamp)}@keyframes ink-stamp-press-a{0%{opacity:0;transform:rotate(var(--tilt)) scale(1.35)}60%{opacity:.95;transform:rotate(calc(var(--tilt) - 1deg)) scale(.96)}to{opacity:.92;transform:rotate(var(--tilt)) scale(1)}}@keyframes ink-stamp-press-b{0%{opacity:0;transform:rotate(var(--tilt)) scale(1.35)}60%{opacity:.95;transform:rotate(calc(var(--tilt) - 1deg)) scale(.96)}to{opacity:.92;transform:rotate(var(--tilt)) scale(1)}}.ink-zzz{font-family:var(--font-hand);letter-spacing:0;align-self:flex-start;font-size:.55em;font-weight:400}.ink-zzz span{animation:2.4s ease-in-out infinite ink-zzz;display:inline-block}.ink-zzz span:nth-child(2){animation-delay:.3s}.ink-zzz span:nth-child(3){animation-delay:.6s}@keyframes ink-zzz{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}.ink-tape{background:color-mix(in srgb, var(--accent) 55%, transparent);height:24px;transform:rotate(var(--tilt,-6deg));transition:transform .3s var(--ease-stamp);pointer-events:none;border-radius:2px;display:block}.hand-note{transform:rotate(var(--tilt,-3deg));display:inline-block}.hand-note.is-sm{font-size:20px}.hand-note.is-md{font-size:24px}.hand-note.is-lg{font-size:32px}.paper-sheet{padding:var(--space-6);border-radius:var(--radius-paper);background-color:var(--sheet);box-shadow:0 2px 0 color-mix(in srgb, var(--ink) 8%, #e6e2d9), 6px 8px 0 var(--shade);transform:rotate(var(--tilt,0deg));transition:transform .4s var(--ease-paper), box-shadow .3s ease;position:relative}.paper-sheet.is-ruled{background-image:repeating-linear-gradient(transparent 0 29px, var(--gridline) 29px 30px);background-position:0 var(--space-6)}.paper-sheet-tape{z-index:1;position:absolute;top:-12px}.paper-sheet-tape.is-left{left:24px}.paper-sheet-tape.is-right{right:32px}.round-seal{flex:none;transform:rotate(-8deg)}.round-seal circle{fill:none;stroke:var(--stamp)}.round-seal text{fill:var(--stamp);font-family:var(--font-body);text-anchor:middle;font-weight:900}.postmark{flex:none}.postmark circle{fill:none;stroke:var(--ink);stroke-width:2px}.postmark text{fill:var(--ink);font-family:var(--font-body)}.postmark-ring{letter-spacing:2px}.postmark-date,.postmark-time{text-anchor:middle}.postmark-date{font-weight:900}.now{align-items:center;gap:var(--space-12);padding-block:var(--space-12);grid-template-columns:minmax(0,1fr) 300px;display:grid;position:relative}.now-title{margin-bottom:var(--space-6);color:var(--soft);letter-spacing:.2em;font-size:15px;font-weight:700}.now-stamp-row{align-items:center;gap:var(--space-8) var(--space-12);flex-wrap:wrap;display:flex}.now-stamp-wrap{padding-block:var(--space-2);flex:none;position:relative}.now-stamp-aside{white-space:nowrap;opacity:0;transition:opacity .2s;position:absolute;top:-26px;left:4px}.now-stamp-wrap:hover .now-stamp-aside,.now-stamp-wrap:focus-within .now-stamp-aside{opacity:1}.now-words{gap:var(--space-2);flex:260px;display:grid}.now-line{max-width:26em;color:var(--deep);font-size:19px;font-weight:500;line-height:1.7}.now-aside{align-items:center;gap:var(--space-2);display:flex}.now-aside .hand-note{font-size:26px}.now-aside path{fill:none;stroke:var(--atext);stroke-width:2.2px;stroke-linecap:round}.now-detail,.now-honest{margin-top:var(--space-4);max-width:34em;font-size:14px}.now-honest{border-radius:var(--radius-chip);background:var(--tint);color:var(--deep);padding:2px 10px;display:inline-block}.now-meta{align-items:center;gap:var(--space-4);margin-top:var(--space-2);color:var(--soft);flex-wrap:wrap;font-size:13px;display:flex}.now-meta .text-button{min-height:40px;font-size:14px}.now-clock{justify-items:center;gap:var(--space-2);display:grid}.now-clock figcaption{justify-content:center;gap:var(--space-1) var(--space-4);max-width:300px;color:var(--deep);text-align:center;flex-wrap:wrap;font-size:13px;line-height:1.7;display:flex}.clock-key:before{content:"";vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.clock-key.is-working:before{background:var(--ink)}.clock-key.is-winding:before{background:var(--accent)}.clock-rest,.clock-fallback{flex-basis:100%}.clock-fallback{color:var(--soft);font-size:12px}.schedule-clock{width:min(260px,100%);height:auto;display:block;overflow:visible}.clock-dial{fill:none;stroke:var(--ink);stroke-width:2px;stroke-dasharray:2 7}.clock-arc{fill:none;stroke-width:24px}.clock-arc.is-working{stroke:var(--ink)}.clock-arc.is-winding_down{stroke:var(--accent)}.clock-hand{transform-origin:130px 130px;transition:transform .9s var(--ease-paper)}.clock-hand path{stroke:var(--atext);stroke-width:3px;stroke-linecap:round}.clock-hand circle{fill:var(--accent)}.clock-pin{fill:var(--atext)}.clock-center{fill:var(--atext);font-family:var(--font-hand);text-anchor:middle;font-size:26px}.clock-label{fill:var(--ink);font-family:var(--font-body);text-anchor:middle;font-size:12px}.now.is-compact{align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) 0;flex-wrap:wrap;font-size:14px;display:flex}.now.is-compact p[role=status]{color:var(--deep);flex:16em}.now.is-compact .text-button{min-height:40px;font-size:14px}.now.is-compact .feedback{flex-basis:100%;margin-top:0}@media (width<=800px){.now{gap:var(--space-8);grid-template-columns:1fr}.now-clock{justify-self:center}}@media (width<=560px){.now{padding-block:var(--space-8)}.now-line{font-size:17px}.now{gap:var(--space-6)}.now-clock{justify-self:stretch;align-items:center;gap:var(--space-4);grid-template-columns:148px minmax(0,1fr)}.now-clock figcaption{text-align:left;justify-content:flex-start}.schedule-clock{width:148px}.clock-label{font-size:20px}.clock-center{font-size:34px}.ink-stamp.is-lg{font-size:32px}}.ink-doodle{display:inline-flex;position:relative}.ink-doodle-button,.ink-doodle-button:hover,.ink-doodle-button:active{min-width:44px;min-height:44px;box-shadow:none;color:var(--atext);background:0 0;border:0;padding:2px;position:relative;transform:none}.ink-doodle-icon{overflow:visible}.ink-doodle-button path{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.ink-doodle-button.is-wa .ink-doodle-icon{animation:ink-wiggle-a .7s var(--ease-stamp)}.ink-doodle-button.is-wb .ink-doodle-icon{animation:ink-wiggle-b .7s var(--ease-stamp)}@keyframes ink-wiggle-a{30%{transform:rotate(-18deg)scale(1.25)}60%{transform:rotate(12deg)scale(.95)}}@keyframes ink-wiggle-b{30%{transform:rotate(-18deg)scale(1.25)}60%{transform:rotate(12deg)scale(.95)}}.ink-doodle-spark{opacity:0;pointer-events:none;position:absolute;top:calc(50% - 10px);left:calc(50% - 10px)}.ink-doodle-spark path{stroke-width:2.2px}.ink-doodle-spark.is-accent path{stroke:var(--accent)}.ink-doodle-spark.is-ink path{stroke:var(--ink)}.ink-doodle-button.is-wa .ink-doodle-spark{animation:ink-spark-a 1.1s var(--ease-paper) both}.ink-doodle-button.is-wb .ink-doodle-spark{animation:ink-spark-b 1.1s var(--ease-paper) both}@keyframes ink-spark-a{0%{opacity:0;transform:translate(0)scale(.3)}40%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.9) rotate(25deg)}}@keyframes ink-spark-b{0%{opacity:0;transform:translate(0)scale(.3)}40%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.9) rotate(25deg)}}.ink-doodle-egg{z-index:2;pointer-events:none;width:max-content;max-width:min(78vw,20em);position:absolute;top:100%}.ink-doodle.egg-start .ink-doodle-egg{left:0}.ink-doodle.egg-end .ink-doodle-egg{text-align:right;right:0}.ink-doodle-egg-line{animation:ink-egg-pop .5s var(--ease-stamp) both;font-size:24px;display:inline-block}@keyframes ink-egg-pop{0%{opacity:0;transform:rotate(-10deg)scale(1.4)}to{opacity:1;transform:rotate(-2deg)scale(1)}}.arrival{align-items:center;gap:var(--space-12);padding-block:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);display:grid;position:relative}.arrival:before{content:"";top:-24px;right:calc(-1 * var(--gutter));background-image:radial-gradient(var(--accent) 1.3px, transparent 1.6px);mix-blend-mode:multiply;opacity:.4;pointer-events:none;background-size:8px 8px;border-radius:50%;width:360px;height:260px;position:absolute}.arrival-issue{font-size:24px}.masthead{align-items:flex-start;gap:var(--space-3);margin-block:var(--space-2) var(--space-6);display:flex;position:relative}.masthead-title{letter-spacing:-.02em;width:fit-content;transition:text-shadow .35s var(--ease-stamp);font-size:clamp(56px,8vw,96px);line-height:1.05}.masthead-title:hover{text-shadow:.09em .06em 0 color-mix(in srgb, var(--accent) 80%, transparent)}.masthead-aside{white-space:nowrap;opacity:0;transform:translateY(4px) rotate(var(--tilt));transition:opacity .25s ease, transform .35s var(--ease-stamp);position:absolute;top:100%;left:52%}.masthead-title:hover+.masthead-aside{opacity:1;transform:translateY(0) rotate(var(--tilt))}.masthead-doodle{margin-top:-4px}.arrival-intro{color:var(--deep);font-size:19px;font-weight:500}.arrival-detail{margin-top:var(--space-3);color:var(--soft);font-size:15px}.arrival-actions{align-items:center;gap:var(--space-3) var(--space-6);margin-top:var(--space-8);flex-wrap:wrap;display:flex;position:relative}.arrival-action{min-height:52px;padding-inline:28px;font-size:17px}.arrival-leaf{z-index:1;pointer-events:none;animation:1.6s cubic-bezier(.3,.7,.4,1) both arrival-leaf;position:absolute;top:-22px;left:120px}.arrival-leaf path:first-child{fill:var(--accent)}.arrival-leaf path:last-child{fill:none;stroke:var(--atext);stroke-width:1.4px}@keyframes arrival-leaf{0%{opacity:0;transform:translate(-60px,-220px)rotate(-60deg)}20%{opacity:1}60%{transform:translate(20px,-60px)rotate(30deg)}to{opacity:1;transform:translate(0)rotate(-12deg)}}.window-scene svg{width:100%;height:auto;display:block}.scene-wall{fill:color-mix(in srgb, var(--ink) 7%, var(--paper))}.scene-sky{fill:var(--tint)}.scene-dots{fill:url(#scene-dots)}#scene-dots circle,.scene-sun{fill:var(--accent)}.scene-hills{fill:color-mix(in srgb, var(--ink) 45%, #fff)}.scene-frame{fill:none;stroke:var(--sheet);stroke-width:7px}.scene-line{stroke:var(--ink);stroke-width:5px}.scene-table{fill:var(--ink)}.scene-table-edge{fill:var(--deep)}.scene-book{fill:var(--sheet)}.scene-ink-line{fill:none;stroke:var(--ink);stroke-width:1.5px}.scene-lamp{fill:none;stroke:var(--deep);stroke-width:5px}.scene-shade{fill:var(--accent)}.scene-glow{fill:var(--accent);opacity:.3}.scene-pot{fill:var(--accent)}.scene-stem{stroke:var(--deep);stroke-width:3px}.scene-leaves{fill:color-mix(in srgb, var(--ink) 70%, #fff)}.window-scene figcaption{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-top:var(--space-2);color:var(--soft);padding-inline:5%;font-size:12px;display:flex}.recent-notes{padding-block:var(--space-12)}.section-heading{align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-8);display:flex}.note-board{gap:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.note-card{height:100%}.note-card:hover{transform:rotate(0)translateY(-4px)}.note-card:hover .ink-tape{transform:rotate(-2deg)translateY(-3px)}.note-meta{justify-content:space-between;gap:var(--space-3);color:var(--soft);font-size:13px;display:flex}.note-category{border:var(--line-width) solid currentColor;border-radius:var(--radius-chip);padding:0 8px;font-size:12px}.note-card h3{margin-top:var(--space-3)}.note-text{margin-top:var(--space-2);font-size:14px}@media (width<=960px){.note-board{gap:var(--space-6);grid-template-columns:1fr;max-width:560px}}@media (width<=800px){.arrival{gap:var(--space-8);grid-template-columns:1fr}.window-scene{max-width:480px}}@media (width<=560px){.arrival{padding-block:var(--space-6) var(--space-8)}.arrival:before{width:220px;height:180px}.arrival-intro{font-size:17px}.masthead-aside{left:auto;right:0}.window-scene svg{width:72%;margin-inline:auto}}.letters-heading,.letters-workspace{max-width:800px;margin-inline:auto}.letters-heading{padding-block:var(--space-12) var(--space-6);border-bottom:2px dotted var(--rule)}.letters-heading h1{margin-bottom:var(--space-3);font-size:clamp(36px,5vw,52px)}.letters-heading>p{color:var(--deep);font-size:16px}.letters-heading .now.is-compact{margin-top:var(--space-4)}.letters-workspace{min-width:0;min-height:360px;padding-block:var(--space-8) var(--space-16)}.session-loading{color:var(--soft)}.auth-space{max-width:520px;padding:var(--space-8);border:var(--line-width) solid var(--ink)}.auth-space.is-shake-a{animation:.4s auth-shake-a}.auth-space.is-shake-b{animation:.4s auth-shake-b}@keyframes auth-shake-a{20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes auth-shake-b{20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.auth-title{margin-bottom:var(--space-2)}.auth-intro{margin-bottom:var(--space-6);font-size:14px}fieldset{border:0;min-width:0;margin:0;padding:0}.auth-space input+label{margin-top:var(--space-6)}.field-help{margin-block:var(--space-2) var(--space-6)}.auth-footnote{margin-top:var(--space-2)}.conversation-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.conversation-header h2{overflow-wrap:anywhere;font-size:28px}.pending-line{margin-top:var(--space-1);color:var(--soft);font-size:14px}.conversation-controls{gap:var(--space-4);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;display:flex}.conversation-controls .text-button{font-size:14px}.run-status{align-items:start;gap:var(--space-4);margin-bottom:var(--space-8);padding-block:var(--space-3) var(--space-4);border-bottom:2px dotted var(--rule);color:var(--deep);grid-template-columns:auto minmax(0,1fr);font-size:14px;display:grid}.run-reason{margin-top:var(--space-1);font-weight:700}.run-status .small-note{margin-top:var(--space-1)}.history-title{margin-bottom:var(--space-6);font-size:20px}.message-list{gap:var(--space-8);margin:0;padding:0;list-style:none;display:grid}.message-entry.is-visitor{margin-right:10%}.message-entry.is-milo{margin-left:6%}.slip-enter-active{transition:opacity .45s var(--ease-paper), transform .45s var(--ease-paper)}.slip-enter-from{opacity:0;transform:translateY(-16px)rotate(-1deg)}.message-meta{align-items:baseline;gap:var(--space-1) var(--space-3);color:var(--soft);flex-wrap:wrap;font-size:13px;display:flex}.message-meta strong{color:var(--ink);overflow-wrap:anywhere;font-size:15px}.message-body{margin-top:var(--space-3);color:var(--deep);white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px;line-height:1.9}.visitor-slip{padding-right:96px}.slip-postmark{opacity:.85;position:absolute;top:14px;right:14px}.message-state{align-items:center;gap:var(--space-2) var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.state-chip{border:var(--line-width) solid var(--soft);border-radius:var(--radius-chip);color:var(--soft);padding:0 8px;font-size:12px}.state-chip.is-waiting{border-color:var(--atext);color:var(--atext)}.reply-sheet{--gridline:color-mix(in srgb, var(--ink) 9%, #fff);padding:var(--space-8) var(--space-8) var(--space-6)}.reply-sheet .message-body{margin-top:var(--space-2)}.reply-sign{justify-content:flex-end;align-items:center;gap:var(--space-3);margin-top:var(--space-3);color:var(--deep);display:flex}.empty-history{gap:var(--space-2);padding-block:var(--space-6);color:var(--soft);display:grid}.history-more{margin-top:var(--space-8)}.letter-composer{margin-top:var(--space-12)}.letter-composer label{align-items:baseline;gap:var(--space-3);font-size:20px;font-weight:900;display:flex}.composer-paper{transition:transform .3s var(--ease-paper), box-shadow .3s ease;position:relative}.letter-composer textarea{min-height:176px;padding:14px 16px;font-size:17px;line-height:1.8}.letter-composer.is-lifting .composer-paper{transform:translateY(-4px)rotate(-.4deg)}.letter-composer.is-lifting textarea{box-shadow:6px 10px 0 var(--shade)}.composer-actions{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-4);display:flex}.composer-count{align-items:baseline;gap:var(--space-1) var(--space-3);color:var(--soft);flex-wrap:wrap;font-size:13px;display:flex}.composer-send{flex:none;min-height:52px;padding-inline:28px;font-size:17px}.composer-done{align-items:center;gap:var(--space-4);min-height:52px;margin-top:var(--space-4);color:var(--deep);font-size:14px;display:flex}.connection-problem{margin-top:var(--space-4)}@media (width<=600px){.letters-heading{padding-block:var(--space-8) var(--space-4)}.auth-space{padding:var(--space-6) var(--space-4)}.conversation-header{flex-direction:column}.conversation-controls{justify-content:flex-start}.run-status{gap:var(--space-2);grid-template-columns:1fr}.message-entry.is-visitor,.message-entry.is-milo{margin-inline:0}.visitor-slip{padding:var(--space-4) var(--space-4) var(--space-4)}.slip-postmark{float:right;width:56px;height:56px;margin:-4px -4px var(--space-1) var(--space-2);position:static}.reply-sheet{padding:var(--space-6) var(--space-4) var(--space-4)}.composer-actions{flex-direction:column;align-items:stretch}}@font-face{font-family:Milo Hand;src:url(/fonts/long-cang-subset.woff2)format("woff2");font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#2f4aa8;--deep:#1d2c66;--soft:#4b5a92;--accent:#ff7a2e;--stamp:#e0561a;--atext:#b4430c;--paper:#f3f1ec;--sheet:#fff;--gridline:color-mix(in srgb, var(--ink) 17%, #fff);--tint:color-mix(in srgb, var(--accent) 24%, var(--paper));--tint2:color-mix(in srgb, var(--accent) 40%, var(--paper));--tint3:color-mix(in srgb, var(--accent) 30%, var(--paper));--shade:color-mix(in srgb, var(--ink) 12%, transparent);--rule:color-mix(in srgb, var(--ink) 28%, var(--paper));--error:#b3261e;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-hand:"Milo Hand", var(--font-body);--font-num:ui-monospace, "SFMono-Regular", Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-paper:5px;--radius-chip:4px;--radius-control:8px;--line-width:1.5px;--press-offset:4px;--ease-paper:cubic-bezier(.2, .8, .2, 1);--ease-fold:cubic-bezier(.6, 0, .4, 1);--ease-stamp:cubic-bezier(.34, 1.56, .64, 1);--duration-press:.15s;--duration-paper:.45s}*{box-sizing:border-box}body{background:var(--paper);color:var(--deep);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.8;overflow-x:clip}::selection{background:var(--tint2);color:var(--deep)}*{scrollbar-color:var(--soft) var(--paper);scrollbar-width:thin}h1,h2,h3,p,figure{margin:0}h1,h2,h3{color:var(--ink);font-weight:900;line-height:1.25}h2{font-size:24px}h3{font-size:18px}.overprint{text-shadow:.05em .04em 0 color-mix(in srgb, var(--accent) 80%, transparent)}a{color:inherit;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:5px}a:hover{color:var(--atext)}button,input,textarea{font:inherit}button,.button{justify-content:center;align-items:center;gap:var(--space-2);border:var(--line-width) solid var(--ink);border-radius:var(--radius-control);background:var(--sheet);min-height:44px;color:var(--ink);box-shadow:var(--press-offset) var(--press-offset) 0 var(--accent);cursor:pointer;transition:transform var(--duration-press) ease, box-shadow var(--duration-press) ease, background-color var(--duration-press) ease;padding:10px 18px;font-weight:500;line-height:1.4;text-decoration:none;display:inline-flex}button:hover,.button:hover{color:var(--ink);box-shadow:6px 6px 0 var(--accent);transform:translate(-1px,-1px)}button:active,.button:active{box-shadow:1px 1px 0 var(--accent);transform:translate(3px,3px)}.primary,.primary:hover{background:var(--ink);color:#fff;font-weight:900}button:disabled,button:disabled:hover,button:disabled:active{box-shadow:var(--press-offset) var(--press-offset) 0 color-mix(in srgb, var(--accent) 35%, #fff);opacity:.6;cursor:not-allowed;transform:none}.text-button,.text-button:hover,.text-button:active,.text-button:disabled{box-shadow:none;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:6px;background:0 0;border-color:#0000;padding-inline:0;text-decoration-thickness:2px;transform:none}.text-button:hover{color:var(--atext)}button[aria-busy=true]{cursor:wait}:focus-visible{outline:2px dashed var(--atext);outline-offset:4px}main:focus{outline:none}input,textarea{border:var(--line-width) solid var(--ink);background-color:var(--sheet);width:100%;min-height:48px;color:var(--deep);border-radius:6px;padding:10px 14px;display:block}input::placeholder,textarea::placeholder{color:color-mix(in srgb, var(--soft) 80%, #fff)}input:focus-visible,textarea:focus-visible{outline:2px dashed var(--ink);outline-offset:3px}input[aria-invalid=true]{border-color:var(--error)}textarea{resize:vertical;min-height:144px}label{margin-bottom:var(--space-2);color:var(--ink);font-size:14px;font-weight:700;display:block}.muted,.small-note{color:var(--soft)}.small-note{font-size:13px}.feedback{min-height:26px;margin-top:var(--space-3);overflow-wrap:anywhere;font-size:14px}.feedback.error{color:var(--error);font-weight:500}.hand{color:var(--atext);font-family:var(--font-hand);font-weight:400;line-height:1.2}.mul{mix-blend-mode:multiply}.grid-paper{background-color:var(--sheet);background-image:linear-gradient(var(--gridline) 1px, transparent 1px), linear-gradient(90deg, var(--gridline) 1px, transparent 1px);background-size:22px 22px}.dots{background-image:radial-gradient(var(--accent) 1.3px, transparent 1.6px);background-size:8px 8px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:10;border-radius:var(--radius-control);background:var(--ink);color:#fff;padding:8px 16px;position:fixed;top:8px;left:8px;transform:translateY(-180%)}.skip-link:focus{transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--gutter:48px}.site-shell{width:min(1120px, calc(100% - var(--gutter) * 2));margin-inline:auto}.site-header{justify-content:space-between;align-items:center;gap:var(--space-8);padding-block:28px var(--space-4);display:flex}.wordmark{color:var(--ink);letter-spacing:.04em;font-size:22px;font-weight:900;text-decoration:none}.site-nav{gap:var(--space-8);display:flex}.site-nav a{min-height:44px;padding-inline:var(--space-1);color:var(--ink);align-items:center;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex}.site-nav .is-current .ink-scribble-mark path{stroke-dashoffset:0;opacity:1}.site-footer{justify-content:space-between;gap:var(--space-4);padding-block:var(--space-6);border-top:2px dotted var(--rule);color:var(--soft);font-size:12px;display:flex}.ink-preview{z-index:20;max-width:calc(100vw - 32px);padding:var(--space-2) var(--space-3);border:var(--line-width) solid var(--ink);border-radius:var(--radius-control);background:var(--sheet);font-size:13px;position:fixed;bottom:16px;right:16px}.ink-preview summary{cursor:pointer}.ink-preview-list{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.ink-preview-list button{min-height:36px;box-shadow:none;padding:4px 10px;font-size:13px}.ink-preview-list button[aria-pressed=true]{background:var(--tint)}.ink-preview-swatch{display:inline-flex}.ink-preview-swatch span{border-radius:50%;width:14px;height:14px}.ink-preview-swatch span+span{margin-left:-5px}@media (width<=800px){:root{--gutter:24px}}@media (width<=560px){:root{--gutter:16px}.site-header{gap:var(--space-2);padding-block:var(--space-4) var(--space-2);flex-wrap:wrap}.site-nav{gap:var(--space-6);width:100%}.site-footer{gap:var(--space-1);flex-direction:column}}