:root{--paper: #fff9ef;--paper-deep: #f6ecdd;--ink: #302a25;--muted: #8b8178;--line: #e8dccc;--white: #ffffff;--shadow: 0 5px 14px rgba(122, 101, 64, .09);--shadow-deep: 0 18px 44px rgba(122, 101, 64, .18);--radius: 20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,sans-serif;background:var(--paper);color:var(--ink);line-height:1.8}.theme{transition:background .5s ease}.container{max-width:1040px;margin:0 auto;padding:0 24px}h1,h2,h3{font-weight:900;line-height:1.45;margin:0}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit;border:0;cursor:pointer}.nav{position:sticky;top:0;z-index:10;background:#fff9efe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center}.brand-logo{height:28px;width:auto;color:var(--m-accent, var(--ink));transition:color .5s ease}.nav-right{display:flex;align-items:center;gap:20px}.nav-links{display:flex;gap:24px;font-size:14px;font-weight:700;color:var(--muted)}.nav-links a:hover{color:var(--m-accent, var(--ink))}.lang-toggle{display:flex;background:var(--white);border:1px solid var(--line);border-radius:999px;padding:3px;box-shadow:var(--shadow)}.lang-toggle button{font-size:12px;font-weight:700;color:var(--muted);background:transparent;border-radius:999px;padding:4px 12px;transition:background .3s ease,color .3s ease}.lang-toggle button.is-active{background:var(--m-ink, var(--ink));color:var(--paper)}.hero{position:relative;overflow:hidden;background:radial-gradient(640px 340px at 82% 8%,var(--m-bg2, #fff1b9),transparent 72%),radial-gradient(520px 360px at 4% 92%,var(--m-bg, #fff8db),transparent 72%);transition:background .6s ease}.hero-motifs{position:absolute;inset:0;pointer-events:none;color:var(--m-accent, var(--muted));opacity:.5;transition:color .5s ease}.hero-motif{position:absolute;font-size:26px;animation:float 5.5s ease-in-out infinite}.hero-motif-0{top:12%;left:4%}.hero-motif-1{top:22%;right:6%;font-size:20px;animation-delay:-1.6s}.hero-motif-2{bottom:20%;left:8%;font-size:18px;animation-delay:-3.1s}.hero-motif-3{bottom:34%;right:3%;animation-delay:-4.4s}@keyframes float{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-14px) rotate(6deg)}}.hero-inner{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding-top:72px;padding-bottom:88px}.hero-logo{display:block;height:78px;width:auto;color:var(--m-accent, var(--ink));margin-bottom:26px;transform:rotate(-2deg);transition:color .5s ease}.hero-eyebrow{display:inline-block;font-family:Klee One,cursive;font-size:14px;font-weight:600;color:var(--m-accent, var(--muted));margin-bottom:14px;transform:rotate(-1deg);transition:color .5s ease}.hero h1{font-size:clamp(34px,4.8vw,50px);letter-spacing:.03em}.hero-word{position:relative;display:inline-block;font-style:normal;color:var(--m-ink, var(--ink));text-decoration:underline wavy var(--m-accent, var(--ink));text-decoration-thickness:3px;text-underline-offset:10px;transform:rotate(-1.2deg);transition:color .5s ease,text-decoration-color .5s ease;z-index:0}.hero-word:before{content:attr(data-text);position:absolute;left:0;top:0;z-index:-1;color:transparent;-webkit-text-stroke:14px var(--m-soft, var(--paper-deep));transition:-webkit-text-stroke-color .5s ease}.hero-word-small{text-decoration-thickness:2px;text-underline-offset:7px}.hero-word-small:before{-webkit-text-stroke-width:10px}.hero-sub{margin-top:24px;color:var(--muted);font-size:15px}.hero-cta{display:flex;align-items:center;gap:16px;margin-top:30px;flex-wrap:wrap}.cta-badge{display:inline-block;background:var(--m-ink, var(--ink));color:var(--paper);font-weight:700;font-size:15px;padding:12px 28px;border-radius:999px;box-shadow:var(--shadow);transition:background .5s ease}.cta-badge-large{font-size:17px;padding:14px 36px}.cta-secondary{font-weight:700;font-size:15px;color:var(--m-accent, var(--ink));border-bottom:2px solid currentColor;padding-bottom:2px;transition:color .5s ease}.mood-picker{margin-top:40px}.mood-picker-label{font-family:Klee One,cursive;font-size:14px;font-weight:600;color:var(--muted);margin-bottom:10px}.mood-picker-arrow{display:inline-block;margin-right:6px;color:var(--m-accent, var(--muted));animation:bob 1.4s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(-2px)}50%{transform:translateY(3px)}}.mood-chips{display:flex;flex-wrap:wrap;gap:8px}.mood-chip{font-size:13px;font-weight:700;padding:7px 15px;border-radius:999px;box-shadow:var(--shadow);border:2px solid transparent;transition:transform .2s ease,border-color .2s ease}.mood-chip:hover{transform:translateY(-2px) rotate(-2deg)}.mood-chip.is-active{border-color:currentColor;transform:scale(1.08) rotate(-2deg)}.hero-visual{display:flex;justify-content:center}.phone{position:relative;width:310px;margin:0;padding:20px 16px 16px;background:var(--white);border:1px solid var(--line);border-radius:36px;box-shadow:var(--shadow-deep);transform:rotate(3deg)}.phone-tape{position:absolute;top:-14px;left:50%;width:110px;height:30px;transform:translate(-50%) rotate(-3deg);background:var(--m-soft, var(--paper-deep));opacity:.85;border-radius:3px;transition:background .5s ease}.phone-prompt{font-family:Klee One,cursive;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:12px;line-height:1.5}.phone-prompt-text{display:block;margin-top:4px}.phone-prompt-label{display:inline-block;font-size:11px;font-weight:700;color:var(--m-accent, var(--muted));border:1.5px solid currentColor;border-radius:999px;padding:0 8px;margin-right:8px;transform:rotate(-2deg);transition:color .5s ease}.mood-card{position:relative;aspect-ratio:1;border-radius:24px;padding:24px 22px;display:flex;flex-direction:column;overflow:hidden;animation:card-in .45s ease}@keyframes card-in{0%{opacity:0;transform:scale(.94) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0)}}.mood-card-motifs span{position:absolute;font-size:15px;opacity:.45}.mood-card-date{font-size:12px;font-weight:700;opacity:.75;letter-spacing:.08em}.mood-card-text{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px;font-family:Klee One,cursive}.mood-card-lead{font-size:16px;transform:rotate(-2deg)}.mood-card-hero{font-size:36px;font-weight:600;line-height:1.3;transform:rotate(-1deg)}.mood-card-tail{margin-top:8px;font-size:15px;transform:rotate(-1deg) translate(8px)}.mood-card-mascot{align-self:flex-end;font-size:26px}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--white);padding:14px 0}.ticker-track{display:flex;gap:40px;width:max-content;animation:ticker 40s linear infinite;font-family:Klee One,cursive;font-size:14px;font-weight:600;color:var(--muted);white-space:nowrap}.ticker-item{display:inline-flex;align-items:center;gap:40px}.ticker-dot{font-size:12px}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.section{padding:88px 0}.section-alt{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-eyebrow{font-family:Klee One,cursive;text-align:center;font-size:14px;font-weight:600;color:var(--m-accent, var(--muted));letter-spacing:.14em;margin-bottom:10px;transform:rotate(-1deg);transition:color .5s ease}.section-title{font-size:clamp(25px,3.4vw,33px);text-align:center;letter-spacing:.04em}.section-sub{margin-top:14px;text-align:center;color:var(--muted);font-size:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;list-style:none;padding:0;margin:56px 0 0}.step-card{position:relative;background:var(--white);border:1px solid var(--line);border-radius:6px;padding:34px 24px 24px;box-shadow:var(--shadow);transition:transform .25s ease}.step-card-0{transform:rotate(-1.4deg)}.step-card-1{transform:rotate(.8deg) translateY(10px)}.step-card-2{transform:rotate(-.6deg)}.step-card:hover{transform:rotate(0) translateY(-4px)}.step-tape{position:absolute;top:-12px;left:50%;width:84px;height:24px;transform:translate(-50%) rotate(-2deg);background:var(--m-soft, var(--paper-deep));opacity:.8;border-radius:2px;transition:background .5s ease}.step-number{font-family:Klee One,cursive;font-size:30px;font-weight:600;color:var(--m-accent, var(--ink));line-height:1;display:block;margin-bottom:12px;transition:color .5s ease}.step-card h3{font-size:19px;margin-bottom:10px}.step-card p{font-size:14px;color:var(--muted)}.step-note{font-family:Klee One,cursive;font-weight:600;margin-top:14px;text-align:right;color:var(--m-accent, var(--muted))!important;transform:rotate(-1.5deg);transition:color .5s ease}.tf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.tf-card{position:relative;border-radius:18px;padding:30px 20px 18px;text-align:center;box-shadow:var(--shadow);overflow:hidden}.tf-motif{position:absolute;top:10px;right:14px;font-size:14px;opacity:.45}.tf-word{font-family:Klee One,cursive;font-size:38px;font-weight:600;line-height:1.2;display:inline-flex;gap:2px;min-height:64px;align-items:center}.tf-word span{display:inline-block}.tf-label{margin-top:10px;font-size:12px;font-weight:700;opacity:.8}.tf-happy .tf-word span{animation:tf-bounce 1.6s ease-in-out infinite}.tf-happy .tf-word span:nth-child(2n){animation-delay:-.4s}.tf-happy .tf-word span:nth-child(3n){animation-delay:-.9s}@keyframes tf-bounce{0%,to{transform:translateY(2px) rotate(-4deg)}50%{transform:translateY(-8px) rotate(4deg)}}.tf-excited .tf-word span:nth-child(odd){transform:rotate(-10deg) translateY(-5px) scale(1.15)}.tf-excited .tf-word span:nth-child(2n){transform:rotate(9deg) translateY(3px) scale(.95)}.tf-excited .tf-word span:nth-child(3n){transform:rotate(14deg) translateY(-7px) scale(1.05)}.tf-calm .tf-word{gap:10px;font-weight:400}.tf-calm .tf-word span:nth-child(odd){transform:translateY(-2px)}.tf-calm .tf-word span:nth-child(2n){transform:translateY(2px)}.tf-tired .tf-word span{opacity:.85}.tf-tired .tf-word span:nth-child(1){transform:translateY(1px) rotate(-2deg)}.tf-tired .tf-word span:nth-child(2){transform:translateY(6px) rotate(-4deg)}.tf-tired .tf-word span:nth-child(3){transform:translateY(11px) rotate(-6deg)}.tf-tired .tf-word span:nth-child(4){transform:translateY(16px) rotate(-8deg)}.tf-tired .tf-word span:nth-child(n+5){transform:translateY(20px) rotate(-9deg)}.tf-sad .tf-word span:nth-child(odd){transform:translateY(4px) rotate(-3deg)}.tf-sad .tf-word span:nth-child(2n){transform:translateY(8px) rotate(2deg)}.tf-anxious .tf-word span{animation:tf-jitter .35s steps(2) infinite}.tf-anxious .tf-word span:nth-child(2n){animation-delay:-.18s}@keyframes tf-jitter{0%,to{transform:translate(.5px,-1px) rotate(1.5deg) skew(3deg)}50%{transform:translate(-.5px,1px) rotate(-1.5deg) skew(-3deg)}}.tf-footnote{font-family:Klee One,cursive;font-weight:600;font-size:14px;color:var(--muted);text-align:center;margin-top:32px;transform:rotate(-.5deg)}.variants{display:flex;justify-content:center;gap:22px;margin-top:48px;flex-wrap:wrap}.variant-card{position:relative;width:168px;aspect-ratio:1;border-radius:18px;padding:18px 16px;font-family:Klee One,cursive;font-weight:600;font-size:17px;line-height:1.5;display:flex;align-items:center;box-shadow:var(--shadow);overflow:hidden;transition:transform .25s ease}.variant-0{transform:rotate(-4deg) translateY(6px)}.variant-1{transform:rotate(1.5deg) translateY(-6px) scale(1.06);z-index:1;box-shadow:var(--shadow-deep)}.variant-2{transform:rotate(5deg) translateY(4px)}.variant-0 .variant-word{transform:rotate(-2deg)}.variant-1 .variant-word{transform:rotate(1deg) translateY(-4px)}.variant-2 .variant-word{transform:rotate(3deg) translate(4px)}.variant-motif{position:absolute;font-size:13px;opacity:.5}.variant-0 .variant-motif-a{top:10%;right:12%}.variant-0 .variant-motif-b{bottom:12%;left:10%}.variant-1 .variant-motif-a{top:12%;left:10%}.variant-1 .variant-motif-b{bottom:10%;right:14%}.variant-2 .variant-motif-a{top:40%;right:8%}.variant-2 .variant-motif-b{bottom:8%;left:40%}.variant-redraw{position:absolute;bottom:8px;right:10px;font-size:10px;font-weight:700;opacity:.55}.unique-tags{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;list-style:none;padding:0;margin:40px 0 0}.unique-tags li{font-size:13px;font-weight:700;color:var(--m-ink, var(--ink));background:var(--m-soft, var(--paper-deep));border-radius:999px;padding:6px 16px;transition:background .5s ease,color .5s ease}.unique-body{max-width:640px;margin:20px auto 0;text-align:center;font-size:15px;color:var(--muted)}.cal{display:grid;grid-template-columns:repeat(7,30px);gap:8px;justify-content:center;margin-top:44px}.cal-cell{width:30px;height:30px;border-radius:9px;background:var(--paper);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:12px}.collection-body{max-width:640px;margin:32px auto 0;text-align:center;font-size:15px;color:var(--muted)}.privacy{max-width:720px}.privacy-body{margin-top:28px;text-align:center;color:var(--muted);font-size:15px}.privacy-link{margin-top:24px;text-align:center}.cta-section{text-align:center;background:var(--paper-deep);border-top:1px solid var(--line)}.cta-logo{height:60px;width:auto;color:var(--m-accent, var(--ink));margin-bottom:24px;transform:rotate(-2deg);transition:color .5s ease}.cta-section .cta-badge{margin-top:32px}.footer{border-top:1px solid var(--line);padding:32px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted)}.footer-brand{display:flex;align-items:center;gap:12px}.footer-logo{height:22px;width:auto;color:var(--m-accent, var(--muted));transition:color .5s ease}.footer-links{display:flex;gap:20px;font-weight:700}.footer-links a:hover{color:var(--m-accent, var(--ink))}.footer-note{font-family:Klee One,cursive;font-weight:600}.legal{max-width:720px;padding-top:64px;padding-bottom:88px}.legal h1{font-size:clamp(28px,4vw,36px)}.legal-updated{margin-top:10px;font-size:13px;color:var(--muted)}.legal section{margin-top:36px}.legal h2{font-size:18px;margin-bottom:10px}.legal section p{font-size:14px;color:var(--muted);margin-bottom:10px}.legal-back{margin-top:48px}.legal-back a{font-weight:700;color:var(--m-accent, var(--ink))}@media(prefers-reduced-motion:reduce){.hero-motif,.mood-picker-arrow,.ticker-track,.tf-happy .tf-word span,.tf-anxious .tf-word span,.mood-card{animation:none}}@media(max-width:860px){.hero-inner{grid-template-columns:1fr;padding-top:48px;padding-bottom:64px;gap:64px}.hero-visual{order:1}.phone{width:280px}.steps{grid-template-columns:1fr}.tf-grid{grid-template-columns:repeat(2,1fr)}.step-card-0,.step-card-1,.step-card-2{transform:rotate(0)}.section{padding:64px 0}.footer-inner{flex-direction:column;gap:12px}}@media(max-width:640px){.nav-links{display:none}}