.koi-decor{--doodle-rule:color-mix(in srgb, var(--color-blue) 15%, transparent);--doodle-margin:color-mix(in srgb, var(--color-red) 25%, transparent);--doodle-tape:color-mix(in srgb, var(--color-moon) 36%, var(--color-paper));--doodle-seal:var(--color-paid-ink);--doodle-hand:"Klee One", "Klee", "YuKyokasho", "HanziPen TC", cursive}:lang(en) .koi-decor{--doodle-hand:"Caveat", "Bradley Hand", "Segoe Print", cursive}.doodle-hand{font-family:var(--doodle-hand);letter-spacing:.02em;font-weight:600}.doodle-art{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.doodle-paper{isolation:isolate;background-image:none;position:relative}.doodle-marks{z-index:-1;pointer-events:none;border-radius:inherit;position:absolute;inset:0}.doodle-tape{background:var(--doodle-tape);border-inline:1px dashed var(--color-line);width:58px;height:14px;position:absolute;top:-6px;left:calc(50% - 29px);transform:rotate(-4deg)}.doodle-rules{border-radius:inherit;position:absolute;inset:20px 0 14px;overflow:hidden}.doodle-rules:before{content:"";background:var(--doodle-rule);width:100%;height:1px;box-shadow:0 28px var(--doodle-rule), 0 56px var(--doodle-rule), 0 84px var(--doodle-rule), 0 112px var(--doodle-rule), 0 140px var(--doodle-rule), 0 168px var(--doodle-rule), 0 196px var(--doodle-rule), 0 224px var(--doodle-rule), 0 252px var(--doodle-rule), 0 280px var(--doodle-rule), 0 308px var(--doodle-rule), 0 336px var(--doodle-rule), 0 364px var(--doodle-rule), 0 392px var(--doodle-rule), 0 420px var(--doodle-rule), 0 448px var(--doodle-rule);position:absolute;top:8px;left:0}.doodle-rules:after{content:"";border-left:1px solid var(--doodle-margin);position:absolute;inset:0 auto 0 11px}.doodle-corner{border-top:1px solid var(--color-line);border-left:1px solid var(--color-line);background:var(--color-paper);border-radius:5px 0 0;width:12px;height:12px;position:absolute;bottom:5px;right:5px}.koi-notebook-hero{border:1px solid var(--color-line);background-color:var(--color-surface);text-align:left;border-radius:4px 16px 16px 8px;max-width:380px;min-height:84px;margin:0 auto 2px;padding:12px 12px 8px 106px}.koi-notebook-hero .doodle-tape{width:42px;left:18px;transform:rotate(-9deg)}.koi-notebook-hero .doodle-rules:after{display:none}.koi-notebook-hero-art{width:112px;height:102px;position:absolute;bottom:-3px;left:-5px}.koi-notebook-hero-title{white-space:nowrap;width:fit-content;font-size:18px;line-height:1.5;position:relative}.koi-notebook-hero-title:after{content:"";z-index:-1;background:var(--doodle-tape);border-radius:40%;height:6px;position:absolute;bottom:1px;left:0;right:0;transform:rotate(-1deg)}.koi-notebook-hero-label{color:var(--color-paid-ink);font-size:var(--text-caption);margin-top:4px;font-weight:700}.koi-notebook-cloud{opacity:.7;width:42px;height:27px;position:absolute;bottom:-5px;right:-7px}.koi-notebook-form .doodle-tape{width:44px;left:auto;right:22px}.koi-notebook-charm{width:21px;height:68px;position:absolute;top:79px;right:-12px}.koi-notebook{margin-top:44px}.koi-notebook-heading{text-align:center}.koi-notebook-rule{border-top:2px solid var(--color-red);width:36px;margin:0 auto 14px;display:block;transform:rotate(-5deg)}.koi-notebook-heading h2{font-size:23px;line-height:1.6}.koi-notebook-heading p{max-width:360px;margin:10px auto 0;line-height:1.8}.koi-notebook-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0 30px;display:grid}.koi-notebook-steps li{text-align:center;min-width:0;position:relative}.koi-notebook-number{border-bottom:1px solid var(--color-red);width:fit-content;color:var(--color-sub);margin:0 auto;font:italic 14px Georgia,serif;display:block}.koi-notebook-steps .doodle-art{width:76px;height:96px;margin:8px auto}.koi-notebook-steps h3{font-family:var(--font-sans);text-wrap:balance;line-height:1.8}.koi-notebook-sample{border:1px solid var(--color-line);background-color:var(--color-surface);box-shadow:4px 4px 0 var(--color-surface-2);border-radius:4px 16px 16px 4px;padding:24px}.koi-notebook-quote{border-left:2px solid var(--color-red);margin-top:18px;padding-left:12px}.koi-notebook-result .doodle-tape{width:42px;left:20px}.koi-notebook-moon{opacity:.8;width:28px;height:28px;position:absolute;top:12px;right:14px}.koi-notebook-paid{background-color:var(--color-paid-soft)}.koi-notebook-paid .doodle-tape{background:var(--color-primary-soft)}.koi-notebook-paid-art{width:28px;height:44px;position:absolute;top:-28px;right:6px}.koi-notebook-question:after{content:"";border:1px solid var(--doodle-seal);opacity:.4;pointer-events:none;border-radius:3px;width:10px;height:10px;position:absolute;top:4px;right:4px;transform:rotate(12deg)}:lang(en) .koi-notebook-hero-title{white-space:normal;text-wrap:balance;font-size:16px;line-height:1.25}@media (height<=760px){.koi-notebook-hero{min-height:56px;padding-top:4px;padding-bottom:2px;padding-left:78px}.koi-notebook-hero-art{width:77px;height:70px}.koi-notebook-hero-title{font-size:16px}.koi-notebook-hero-label{margin-top:1px}:lang(en) .koi-notebook-hero-title{font-size:14px}}@media (width>=768px){.koi-notebook-hero{max-width:400px;padding-left:118px}.koi-notebook-steps{gap:22px}.koi-notebook-steps .doodle-art{width:90px;height:112px}}.koi-decor .doodle-tape,.koi-decor .doodle-rules,.koi-decor .koi-notebook-charm{display:none}.koi-decor .koi-notebook-question:after{content:none}.koi-decor .koi-notebook-form,.koi-decor .koi-notebook-result{box-shadow:inset 0 0 0 5px var(--color-surface), inset 0 0 0 6px color-mix(in srgb, var(--color-gold-ink) 22%, transparent), 0 1px 2px #3a35300d}:lang(ja) .koi-decor .koi-notebook-result [role=img] .tabular-nums,:lang(ja) .koi-decor [data-koi-band]{font-family:var(--font-mincho)}:lang(ja) .koi-decor [data-koi-band]{letter-spacing:.02em;font-weight:600}.koi-decor .koi-eyebrow{letter-spacing:.08em;justify-content:center;align-items:center;gap:.6em;display:flex}.koi-decor .koi-eyebrow:before,.koi-decor .koi-eyebrow:after{content:"";border-top:1px solid color-mix(in srgb, var(--color-paid-ink) 45%, transparent);width:22px}@media (height<=760px){.koi-decor [data-koi-taste-why]{display:none}}.koi-decor .koi-seal{border:1px solid color-mix(in srgb, currentColor 55%, transparent);background:var(--color-surface);border-radius:6px;flex-direction:column;align-items:center;width:44px;padding:4px 0 3px;display:flex;position:absolute;top:4px}.koi-decor .koi-seal-han{font-family:var(--font-mincho);font-size:22px;font-weight:600;line-height:1.15}.koi-decor .koi-seal-who{color:var(--color-sub);margin-top:1px;font-size:10px;font-weight:700;line-height:1.2}.koi-decor .koi-seal-me{left:calc(50% - 116px)}.koi-decor .koi-seal-partner{right:calc(50% - 116px)}@keyframes koi-hl{0%{background-size:0% 100%}to{background-size:100% 100%}}@media (prefers-reduced-motion:no-preference){.koi-decor [data-koi-result]{animation:sb-window .45s var(--ease-paper) both}.koi-decor .koi-seal{animation:sb-stamp-in .55s var(--ease-pop) both}.koi-decor .koi-seal-me{animation-delay:.3s}.koi-decor .koi-seal-partner{animation-delay:.45s}.koi-decor [data-koi-band]{animation:sb-fade-up .45s var(--ease-paper) .6s both}.koi-decor [data-koi-result]>[data-koi-taste]{animation:sb-fade-up .45s var(--ease-paper) .75s both}.koi-decor [data-koi-result] [data-koi-taste] .hl{animation:koi-hl .6s var(--ease-paper) 1.05s both;background-repeat:no-repeat}.koi-decor [data-koi-q]{animation:sb-fade-up .45s var(--ease-paper) .85s both}.koi-decor [data-koi-q] [data-koi-q-card]{animation:sb-swap .3s var(--ease-paper) both}.koi-decor details[open]>:not(summary){animation:sb-step .28s var(--ease-paper) both}.koi-decor [data-koi-q-buy]{overflow:hidden}.koi-decor [data-koi-q-buy]:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff42,#0000);width:38%;animation:5.5s ease-in-out 2s infinite sb-shine;position:absolute;inset:0 auto 0 0;transform:translate(-130%)skew(-18deg)}@supports (animation-timeline:view()){.koi-decor [data-koi-strong],.koi-decor [data-koi-type],.koi-decor [data-koi-insight]>*{animation:linear both sb-fade-up;animation-timeline:view();animation-range:entry entry 35%}}}html[data-koi-result] [data-koi-seo]{display:none}