:root{--paper:#faf6f0;--card:#fffdf8;--ink:#2b1d3f;--ink-soft:#2b1d3fa8;--blue:#1f5fd6;--orange:#e8551e;--green:#9dbf6b;--sky:#2f8fe6;--outline:2.5px;--shadow:3px 4px 0 var(--ink);--radius:22px;color-scheme:light;font-family:ui-rounded,Nunito,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{color:var(--ink);background:var(--paper) url(/img/paper.jpg) repeat;-webkit-font-smoothing:antialiased;background-size:280px;margin:0;line-height:1.5}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.02em;font-weight:900;line-height:1.05}.container{width:min(1120px,100% - 32px);margin-inline:auto}.card{background:var(--card);border:var(--outline) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.button{border:var(--outline) solid var(--ink);background:var(--blue);color:#fff;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:10px;padding:14px 22px;font-size:17px;font-weight:900;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.button:hover{box-shadow:4px 5px 0 var(--ink);transform:translate(-1px,-1px)}.button:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,4px)}.button.small{padding:9px 16px;font-size:15px}.button.light{background:var(--card);color:var(--ink)}.button[aria-disabled=true]{cursor:default}.button svg{flex:none;width:20px;height:20px}.eyebrow{border:2px solid var(--ink);background:var(--green);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin-bottom:14px;padding:4px 12px;font-size:13px;font-weight:900;display:inline-block}.site-header{justify-content:space-between;align-items:center;gap:16px;padding-block:18px;display:flex}.brand{align-items:center;gap:10px;font-size:20px;font-weight:900;text-decoration:none;display:flex}.app-mark{border:2px solid var(--ink);background:var(--orange);border-radius:50%;flex:none;width:40px;height:40px;overflow:hidden}.app-mark img{object-fit:cover;width:100%;height:100%}.site-header nav{gap:24px;font-weight:800;display:flex}.site-header nav a{color:var(--ink-soft);text-decoration:none}.site-header nav a:hover{color:var(--ink)}.site-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-block:32px 48px;display:flex}.footer-meta{color:var(--ink-soft);flex-wrap:wrap;gap:20px;font-weight:800;display:flex}.footer-meta a{text-decoration:none}.footer-meta a:hover{color:var(--ink)}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;padding-block:40px 88px;display:grid}.hero h1{margin-bottom:20px;font-size:clamp(44px,6.4vw,80px)}.hero .subtitle{max-width:520px;color:var(--ink-soft);margin-bottom:30px;font-size:20px;font-weight:700}.hero-note{color:var(--ink-soft);margin-top:16px;font-size:15px;font-weight:800}.scene{aspect-ratio:2/3;border:3px solid var(--ink);width:100%;max-width:400px;box-shadow:6px 8px 0 var(--ink);background:var(--sky) center / cover no-repeat;border-radius:40px;justify-self:center;position:relative;overflow:hidden;transform:rotate(1.5deg)}.scene .mascot{filter:drop-shadow(0 6px #2b1d3f40);width:64%;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.bubble{text-align:center;padding:12px 16px;font-size:17px;font-weight:900;line-height:1.25;position:absolute;top:7%;left:8%;right:8%}.bubble:after{content:"";background:var(--card);border-right:var(--outline) solid var(--ink);border-bottom:var(--outline) solid var(--ink);width:20px;height:20px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)rotate(45deg)}section{scroll-margin-top:24px}.section{padding-block:72px}.section-head{max-width:640px;margin-bottom:36px}.section-head h2{margin-bottom:12px;font-size:clamp(34px,4.6vw,54px)}.section-head p{color:var(--ink-soft);font-size:19px;font-weight:700}.mood{grid-template-columns:300px 1fr;align-items:center;gap:40px;padding:32px;display:grid}.mood-figure{aspect-ratio:2/3;border:var(--outline) solid var(--ink);background:var(--sky) center / cover no-repeat;border-radius:28px;position:relative;overflow:hidden}.mood-figure img{width:74%;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.mood-name{margin-bottom:6px;font-size:clamp(32px,4vw,46px)}.mood-line{color:var(--ink-soft);min-height:2.6em;font-size:20px;font-weight:800}.mood-time{margin-bottom:10px;font-size:17px;font-weight:900}.mood input[type=range]{width:100%;accent-color:var(--orange);height:28px}.mood-scale{color:var(--ink-soft);justify-content:space-between;margin-top:4px;font-size:13px;font-weight:900;display:flex}.mood-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.mood-strip button{overflow-wrap:anywhere;border:2px solid var(--ink);background:var(--card);min-width:0;font:inherit;color:var(--ink);cursor:pointer;border-radius:16px;padding:6px 4px 8px;font-size:12px;font-weight:900}.mood-strip button[aria-pressed=true]{background:var(--orange);color:#fff;box-shadow:2px 3px 0 var(--ink)}.mood-strip img{aspect-ratio:1;object-fit:cover;object-position:top;width:100%;height:auto;margin-bottom:4px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.tile{padding:24px}.tile h3{margin-bottom:8px;font-size:24px}.tile p{color:var(--ink-soft);margin:0;font-size:17px;font-weight:700}.tag{border:2px solid var(--ink);background:var(--paper);border-radius:999px;margin-bottom:14px;padding:3px 10px;font-size:13px;font-weight:900;display:inline-block}.tile:first-child .tag{background:#ffd8c7}.tile:nth-child(2) .tag{background:#cfe0ff}.tile:nth-child(3) .tag{background:#e1efcd}.step-number{border:2px solid var(--ink);background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;margin-bottom:14px;font-weight:900;display:grid}.faq{gap:14px;max-width:820px;display:grid}.faq details{padding:18px 22px}.faq summary{cursor:pointer;justify-content:space-between;gap:12px;font-size:19px;font-weight:900;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:24px;line-height:1}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--ink-soft);margin:12px 0 0;font-size:17px;font-weight:700}.cta{background:var(--orange);color:#fff;grid-template-columns:1fr 260px;align-items:center;gap:32px;margin-block:40px 24px;padding:40px;display:grid}.cta h2{margin-bottom:12px;font-size:clamp(34px,4.6vw,54px)}.cta p{margin-bottom:24px;font-size:19px;font-weight:800}.cta img{width:100%;transform:rotate(-4deg)}.legal-shell{max-width:780px;padding-block:32px 64px}.legal-shell>header h1{margin-bottom:8px;font-size:clamp(38px,5vw,56px)}.legal-shell>header p{color:var(--ink-soft);font-weight:800}.legal-content{padding:32px}.legal-content h2{margin:28px 0 8px;font-size:23px}.legal-content section:first-of-type h2{margin-top:8px}.legal-content p,.legal-content li{font-size:17px;font-weight:600}.legal-content a{color:var(--blue);font-weight:800}.legal-intro{font-size:19px!important;font-weight:800!important}@media (width<=860px){.hero{grid-template-columns:1fr;gap:40px;padding-top:16px}.scene{max-width:340px}.mood{grid-template-columns:1fr;padding:20px}.mood-figure{justify-self:center;width:100%;max-width:260px}.grid-3{grid-template-columns:1fr}.mood-strip{gap:6px}.mood-strip span{display:none}.cta{grid-template-columns:1fr;padding:28px}.cta img{justify-self:center;max-width:200px}.site-header nav{display:none}.legal-content{padding:22px}}
