:root{--pink: #ff4d79;--pink-hover: #e63965;--pink-active: #d22853;--pink-surface: #fff0f4;--pink-soft: #fff5f7;--pink-border: #ffd0dc;--header-blue: #c2e8f8;--header-ink: #1e3a4c;--lavender: #e4daf9;--mint: #c8f2e4;--yellow: #fde68a;--bg: #ffffff;--subtle: #faf7f8;--text: #1f232b;--muted: #7a7f8d;--faint: #a5abb8;--line: #ebecef;--line-strong: #e2e5ea;--shadow-card: 0 8px 30px rgba(0, 0, 0, .04);--shadow-device: 0 16px 40px -8px rgba(255, 77, 121, .12), 0 4px 12px rgba(0, 0, 0, .03);--shadow-button: 0 6px 18px rgba(255, 77, 121, .28);--font: Comfortaa, Nunito, Quicksand, -apple-system, BlinkMacSystemFont, sans-serif;color:var(--text);background:var(--bg);font-family:var(--font);font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 0 0,#e0f2fe 0,transparent 28rem),radial-gradient(circle at 100% 10%,#ffe4e6 0,transparent 26rem),var(--bg)}button,input,textarea{font:inherit;color:inherit}a{color:var(--pink)}:focus-visible{outline:2px solid var(--pink);outline-offset:3px}.blob{position:fixed;z-index:0;border-radius:999px;pointer-events:none}.blob-sky{width:220px;height:140px;left:-40px;top:80px;background:#e0f2fe}.blob-rose{width:180px;height:180px;right:-50px;bottom:40px;background:#ffe4e6}.page{position:relative;z-index:1;width:min(1120px,calc(100% - 32px));margin:0 auto;padding:24px 0 64px}.topbar{margin-bottom:28px}.brand{color:var(--text);font-weight:700;font-size:22px;text-decoration:none}.hero{display:flex;flex-direction:column;gap:28px;align-items:center}.hero-copy{max-width:640px}.eyebrow{margin:0 0 8px;color:var(--pink);font-weight:700}h1{margin:0 0 12px;font-size:36px;line-height:1.15;font-weight:700;letter-spacing:-.02em}h2{margin:0;font-size:22px;line-height:1.3}.lede{margin:0 0 24px;font-size:16px;color:var(--muted)}.cta-row{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 28px;font-weight:700;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease}.button:disabled{opacity:.7;cursor:wait}.button-primary{background:var(--pink);color:#fff;box-shadow:var(--shadow-button)}.button-primary:hover{background:var(--pink-hover);transform:translateY(-1px)}.button-primary:active{background:var(--pink-active)}.button-secondary{background:transparent;color:var(--text);border-color:var(--line-strong)}.button-ghost{background:var(--line);color:#525763}.button-wide{width:100%}.how{margin-top:56px}.how h2{margin-bottom:16px}.steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}.steps li{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px 20px;box-shadow:var(--shadow-card)}.steps span{display:inline-grid;place-items:center;width:28px;height:28px;margin-bottom:8px;border-radius:999px;background:var(--pink-surface);color:var(--pink);font-size:12px;font-weight:700}.steps p{margin:6px 0 0;color:var(--muted)}.builder{display:flex;flex-direction:column;gap:24px}.builder-form{display:flex;flex-direction:column;gap:20px}.device{width:min(340px,100%);min-height:460px;margin:0 auto;padding:18px 14px 16px;border:8px solid var(--pink-border);border-radius:44px;background:#fff;box-shadow:var(--shadow-device)}.device-notch{width:92px;height:18px;margin:0 auto 12px;border-radius:999px;background:var(--pink-border)}.device-screen{min-height:380px}.card-face{min-height:360px;padding:28px 22px;border-radius:28px;background:var(--pink-surface);display:flex;flex-direction:column;justify-content:center;gap:8px}.style-romantic{background:var(--pink-surface)}.style-tender{background:var(--lavender)}.style-funny{background:var(--yellow)}.style-anonymous{background:var(--mint)}.style-date{background:#fff;border:1px solid var(--line)}.style-bold{background:var(--pink);color:#fff}.style-bold .card-kicker,.style-bold .card-sign,.style-bold .is-placeholder{color:#ffffffd1}.card-kicker{margin:0;color:var(--pink);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.card-name{font-size:28px;line-height:1.25}.card-body{margin:0;font-size:18px;white-space:pre-wrap}.is-placeholder{color:var(--faint)}.card-sign{margin:8px 0 0;color:var(--muted)}.card-meta{margin:8px 0 0;padding:0;list-style:none;color:var(--header-ink)}.card-meta li+li{margin-top:4px}.section-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-card)}.section-head{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;color:var(--header-ink);font-size:16px}.section-head span{font-size:12px;font-weight:700;color:var(--muted)}.head-blue{background:var(--header-blue)}.head-lavender{background:var(--lavender)}.head-mint{background:var(--mint)}.section-body{display:flex;flex-direction:column;gap:16px;padding:20px 24px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{border:1.5px solid var(--line);background:#fff;border-radius:18px;padding:18px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;text-align:center}.choice-emoji{font-size:22px}.choice.is-selected{border:2px solid var(--pink);background:var(--pink-soft);color:var(--pink)}.field{display:flex;flex-direction:column;gap:6px;position:relative}.field-label{font-size:12px;font-weight:700;color:var(--muted)}input,textarea{width:100%;border:1.5px solid var(--line);background:var(--subtle);border-radius:14px;padding:12px 16px;font-size:14px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,textarea:focus{outline:none;border-color:var(--pink);background:#fff}.counter{align-self:flex-end;font-size:12px;color:var(--faint)}.field-error{margin:0;color:var(--pink-active);font-size:14px;font-weight:700}.split-fields{display:grid;gap:12px}.public-page,.share-page{width:min(560px,100%);margin:0 auto;display:flex;flex-direction:column;gap:20px}.public-page .card-face{min-height:280px}.answer-note{background:#fff;border-radius:24px;padding:20px 24px;border:1px solid var(--line);box-shadow:var(--shadow-card)}.answer-note h2{font-size:22px;margin-bottom:8px}.answer-note p{margin:0;color:var(--muted)}.own-cta{color:var(--muted);font-size:14px}.own-cta a{font-weight:700;text-decoration:none}.link-box{margin:0;padding:14px 16px;border-radius:14px;background:var(--subtle);border:1.5px solid var(--line);word-break:break-all}.status-pill,.status-line{margin:0;color:var(--header-ink);background:var(--header-blue);border-radius:999px;padding:10px 16px;font-weight:700;font-size:14px}.status-line{display:inline-block}.delete-box{background:#fff;border:1px solid var(--line);border-radius:24px;padding:16px}@media(min-width:720px){.steps{grid-template-columns:repeat(3,1fr)}.split-fields{grid-template-columns:1fr 1fr}.device{min-height:580px}.device-screen{min-height:500px}}@media(min-width:960px){.hero{flex-direction:row;align-items:center;justify-content:space-between}.builder{flex-direction:row;align-items:flex-start;gap:28px}.builder-preview{width:380px;position:sticky;top:24px;flex:none}.builder-form{flex:1}}@media(prefers-reduced-motion:reduce){.button{transition:none}.button-primary:hover{transform:none}}