@font-face{font-family:Brand;src:url(brand.ttf);font-display:swap}:root{--green:#15b660;--ink:#26352d;--muted:#748077;--line:#e7ece8;--pink:#fff0f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f7f4;color:var(--ink);font:14px/1.7 -apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif}.page{max-width:480px;margin:auto;background:white}a{color:inherit;text-decoration:none}.notice{font-size:10px;text-align:center;color:var(--muted);padding:8px}header{padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.brand{font:700 29px Brand,sans-serif;color:#08783e}.mini{border:1px solid var(--line);border-radius:99px;padding:7px 14px;font-size:11px}section{padding:36px 26px 42px;position:relative}section+section:before{content:'';position:absolute;top:0;left:26px;right:26px;border-top:1px dashed #d8e5db}.hero,.ending{text-align:center}.tag{font-size:11px;border-radius:99px;background:var(--pink);color:#b6587b;padding:6px 12px}h1{font-size:28px;line-height:1.5;letter-spacing:-1.2px;font-weight:650;margin:20px 0 12px}h1 span,.heart{color:var(--green)}h2{font-size:23px;letter-spacing:-.8px;font-weight:650;line-height:1.45;margin:12px 0}p{font-size:13px;color:#6c786f;margin:0 0 22px;line-height:1.8}.stickers{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:16px 0 28px}.stickers span{font-size:13px;border:1px solid var(--line);padding:10px;border-radius:12px}.stickers span:first-child{transform:rotate(-4deg)}.stickers span:nth-child(2){background:#f7fcf5;transform:rotate(3deg)}.stickers span:last-child{background:#fff9fb;transform:rotate(-2deg)}.primary,.secondary{display:block;border-radius:13px;min-height:48px;padding:12px 16px;text-align:center;font-size:13px;font-weight:600}.primary{background:var(--green);color:white}.secondary{border:1px solid var(--green);color:#08783e;margin-top:10px}small{display:block;color:var(--muted);font-size:10px;line-height:1.8;margin-top:14px}.eyebrow{font-size:10px;letter-spacing:1px;color:#08783e;display:flex;justify-content:space-between}.eyebrow span{color:#d97b98;font-size:16px}.faces,.tools{display:grid;grid-template-columns:1fr 1fr;gap:10px}button{cursor:pointer;font:inherit;color:inherit}.faces button{background:white;border:1px solid var(--line);border-radius:13px;min-height:88px;font-size:14px;padding:14px 4px}.faces button small{font-size:9px;margin-top:10px}.faces button:hover{border-color:var(--green)}.right{text-align:right}label{font-size:11px;display:block;color:var(--muted);margin-bottom:6px}input{font:inherit;font-size:16px;width:100%;padding:12px 14px;border:1px solid #cbded0;border-radius:12px}.font-row{width:100%;display:flex;align-items:center;gap:10px;min-height:76px;background:white;border:0;border-bottom:1px solid var(--line);text-align:left;padding:12px 0}.font-row .label{font-size:10px;color:var(--muted);min-width:50px}.font-row .output{font-size:16px;overflow-wrap:anywhere;flex:1}.copy{font-size:10px;color:#08783e}.saved{border:1px solid var(--line);border-radius:16px;padding:16px}.saved b{font-size:12px;display:block}.saved div{padding:15px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:14px}.saved span{color:var(--green)}.saved b:not(:first-child){margin-top:16px}.saved div:last-child{border:0}.extra{background:#fbfcf9}.tools article{border:1px solid var(--line);border-radius:13px;padding:12px;background:white}.sample{margin:0;height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#08783e;font-size:13px;text-align:center;line-height:1.4;white-space:pre-wrap}h3{font-size:12px;margin:8px 0 2px;font-weight:600}.tools p{font-size:10px;margin:0}.ending .brand{margin-top:20px}.ending small{margin-top:22px}footer{text-align:center;padding:16px 20px 32px;font-size:10px;color:var(--muted)}footer a{display:inline-block;margin-top:10px;text-decoration:underline}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#08783e;color:white;border-radius:99px;padding:10px 22px;opacity:0;pointer-events:none;font-size:12px;max-width:90vw;text-align:center}#toast.visible{opacity:1}:focus-visible{outline:3px solid #d97b98;outline-offset:4px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}