@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(./patrick-hand-latin-400-normal-B7HHA2Vw.woff2) format("woff2"),url(./patrick-hand-latin-400-normal-Df9_VoRQ.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:400;src:url(./nunito-latin-400-normal-r8SDr6Up.woff2) format("woff2"),url(./nunito-latin-400-normal-DKg4f3fz.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-latin-700-normal-Dort48En.woff2) format("woff2"),url(./nunito-latin-700-normal-OcDqTBcA.woff) format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-latin-800-normal-Dz8SOQK_.woff2) format("woff2"),url(./nunito-latin-800-normal-D-J0wlBY.woff) format("woff")}@font-face{font-family:Klee One;font-style:normal;font-weight:400;font-display:swap;src:url(./klee-one-600-CBBu5_Eh.woff2) format("woff2");unicode-range:U+3000-30FF,U+3400-9FFF,U+FF00-FFEF}:root{--page: #f4ecdd;--paper: #fffaf1;--ink: #3b2b25;--muted: #7d695d;--line: rgba(59, 43, 37, .14);--hand: "Patrick Hand", "Klee One", "Comic Sans MS", "Segoe Print", cursive;--body: "Nunito", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic", "Noto Sans JP", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(ellipse at 50% 48%,#fbf5ea,#fbf5ea00 60%),var(--page);color:var(--ink);font:16px/1.5 var(--body);overflow:hidden;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}:focus-visible{outline:2px solid #2f6fd6;outline-offset:2px}#garden{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.bloom-spin{animation:sway 8s ease-in-out infinite alternate}.fl-crease{stroke:#28190f1f;stroke-width:.7}@keyframes sway{0%{transform:rotate(-6deg) scale(.98)}to{transform:rotate(6deg) scale(1.02)}}#app{position:relative;z-index:1;height:100%}#stage{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.lang{position:absolute;top:14px;right:16px;display:flex;gap:2px;font-size:13px}.lang button{padding:4px 8px;border:0;border-radius:4px;background:transparent;color:var(--muted);opacity:.75;cursor:pointer}.lang button:hover{opacity:1}.lang button[aria-pressed=true]{color:var(--ink);opacity:1;font-weight:700}.nvc-link{position:absolute;left:50%;bottom:16px;transform:translate(-50%);padding:6px 12px;border:0;background:transparent;color:var(--muted);font-size:14px;text-decoration:underline;text-decoration-color:#7d695d66;text-underline-offset:3px;cursor:pointer;animation:arrive .6s ease-out both}.nvc-link:hover{color:var(--ink)}@keyframes arrive{0%{opacity:0}}.choices{position:absolute;left:50%;bottom:56px;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:min(640px,calc(100% - 32px));padding:10px;border-radius:8px;background:#fffaf1f0;box-shadow:0 8px 24px -10px #50321459}.choices:not(:focus-within){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden}.choices button{padding:4px 12px;border:0;border-radius:3px;background:color-mix(in srgb,var(--c, #bbb) 32%,#fff);font:400 18px/1.2 var(--hand);cursor:pointer}.flap[data-pick]{cursor:pointer}.flap.closing{pointer-events:none}.flap .edge{fill:none;stroke:#301c0e3d;stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke .2s}.flap.sel .edge{stroke:#301c0e9e;stroke-width:2}.flap.hov .edge{stroke:#301c0e73;stroke-width:1.6}.flap .crease{stroke:#301c0e21;stroke-width:1;vector-effect:non-scaling-stroke}.flap .grain{fill:url(#grain);pointer-events:none}.flap .shade{pointer-events:none}.flap .veil{fill:#fbf5ea;opacity:0;pointer-events:none;transition:opacity .3s}.flap.dim .veil{opacity:.3}.flap.dim.hov .veil{opacity:.12}.lbl{font-family:var(--hand);fill:var(--ink);text-anchor:middle;pointer-events:none}.face{pointer-events:none}.hit{fill:transparent}.cover-lbl{fill:#3b2b25d1}.ink,.ink-fill,.ink-dot{stroke:var(--ink);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:none}.ink.thin{stroke-width:1.4}.ink-dot{fill:var(--ink);stroke-width:.6}.ink-fill{fill:#c9483d;stroke-width:1.5}.blush{fill:#f5a3b6}.tear{fill:#7fb6ea}.zz{font:10px var(--hand);fill:var(--ink)}.base{fill:#efe3cf;filter:url(#drop)}.hidden-flower .fl-crease{stroke:#28190f1a}.shadows{fill:#3a2414;pointer-events:none}dialog.sheet{width:min(460px,calc(100% - 32px));max-height:calc(100% - 48px);padding:0;border:0;border-radius:6px;background:var(--paper);color:var(--ink);box-shadow:0 24px 60px -18px #46280f73;overflow:auto;overscroll-behavior:contain}dialog.sheet[open]{animation:settle .35s cubic-bezier(.2,.8,.3,1) both}dialog.sheet::backdrop{background:#f4ecdd9e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes settle{0%{opacity:0;transform:translateY(10px)}}.sheet-body{position:relative;padding:26px 26px 24px}.sheet-body:focus{outline:none}.close{position:absolute;top:10px;right:10px;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:24px;line-height:1;cursor:pointer}.close:hover{background:#3b2b250f;color:var(--ink)}.sheet h2{margin:0;font:400 34px/1.1 var(--hand);text-wrap:balance}.sheet h3{margin:20px 0 4px;font:400 22px/1.2 var(--hand)}.sheet p{margin:8px 0}.label{margin:0;padding-right:30px;font:700 12.5px/1.45 var(--body);letter-spacing:.04em;color:var(--muted)}.sheet h2.need{display:flex;align-items:center;gap:10px;margin:4px 0 0;font-size:50px;line-height:1.05;color:color-mix(in srgb,var(--c) 50%,var(--ink))}.fortune-flower{flex:none;width:44px;height:44px;animation:blossom .9s .1s cubic-bezier(.2,.9,.3,1.25) both}.means{margin:4px 0 0!important;font-size:17px}.steps{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:20px 0 0}.steps dt{padding-top:2px;padding-right:0}.steps dd{margin:0}.say{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.said{margin:4px 0 8px!important;font-size:17px;line-height:1.7}.said input{max-width:100%;padding:0 2px;border:0;border-bottom:1.5px solid color-mix(in srgb,var(--c) 70%,var(--ink));background:transparent;font:inherit;color:var(--ink)}.said input::placeholder{color:var(--muted);opacity:.8}.said input:focus{outline:none;border-bottom-color:var(--ink)}.copy{padding:3px 12px;border:1px solid var(--line);border-radius:999px;background:transparent;font-size:13px;color:var(--muted);cursor:pointer}.copy:hover{color:var(--ink)}.also{margin-top:22px!important}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}.chip{padding:5px 13px;border:0;border-radius:3px;background:color-mix(in srgb,var(--c) 30%,#fff);font:400 19px/1.1 var(--hand);cursor:pointer;transition:transform .15s}.chip:hover{transform:translateY(-2px) rotate(-1deg)}@keyframes blossom{0%{transform:scale(0) rotate(-120deg)}to{transform:scale(1) rotate(0)}}.steps-list{padding-left:22px}.steps-list li{margin:4px 0}.thoughts{list-style:none;padding:0;margin:8px 0}.thoughts button{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;width:100%;margin:3px 0;padding:6px 8px;border:0;border-left:3px solid var(--c);border-radius:0 4px 4px 0;background:color-mix(in srgb,var(--c) 10%,transparent);text-align:left;font-size:14px;cursor:pointer}.thoughts button:hover{background:color-mix(in srgb,var(--c) 22%,transparent)}.thoughts .tw{flex:none;font:400 18px var(--hand)}.thoughts .arrow{color:var(--muted)}.small{font-size:12.5px;color:var(--muted)}@media (max-width: 600px){.bloom[data-edge=top]{display:none}.sheet-body{padding:22px 18px 20px}.sheet h2.need{font-size:40px}}@media (prefers-reduced-motion: reduce){.bloom-spin,.fortune-flower,dialog.sheet[open],.nvc-link{animation:none}}:lang(ja) .lbl{letter-spacing:-.04em}
