:root{--font-heading:"Canela","Noe Display","Bodoni 72","Didot","Playfair Display",serif;--font-body:"Satoshi","Neue Haas Grotesk Text Pro","Avenir Next","Segoe UI",sans-serif;--bg:#f5f5f4;--bg-strong:#dfdfe2;--surface:#fff;--surface-2:#f3f3f4;--line:#17181d;--ink:#0f1014;--ink-muted:#3e4048;--accent:#14161b;--accent-2:#7e1f1f;--cta:#ffcf2e;--cta-strong:#f0be11;--cta-ink:#111217;--success:#166534;--warning:#9a5800}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{font-family:var(--font-body),sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:radial-gradient(circle at 12% 8%,rgba(20,22,27,.09),transparent 38%),radial-gradient(circle at 86% 0,rgba(126,31,31,.18),transparent 42%),radial-gradient(circle at 50% 100%,rgba(255,207,46,.2),transparent 40%),linear-gradient(180deg,var(--bg),var(--bg-strong))}a{color:inherit}.page-shell{max-width:1180px;margin:0 auto;padding:28px 18px calc(84px + env(safe-area-inset-bottom))}.landing-nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin-bottom:14px;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;gap:10px}.brand-mark{font-family:var(--font-heading),serif;font-size:1.25rem;font-weight:700;letter-spacing:.01em;text-decoration:none}.landing-links{display:flex;align-items:center;gap:14px}.landing-links a{text-decoration:none;color:var(--ink-muted);font-size:.92rem}.landing-cta{text-decoration:none;background:var(--cta);color:var(--cta-ink);border-color:#0e0f13;font-weight:700}.hero{border:1px solid var(--line);background:linear-gradient(130deg,hsla(0,0%,100%,.98),hsla(240,8%,97%,.97) 48%,hsla(240,9%,94%,.96)),radial-gradient(circle at 90% 0,rgba(255,207,46,.16),transparent 38%);border-radius:22px;padding:22px;display:grid;grid-gap:12px;gap:12px;margin-bottom:22px;box-shadow:0 16px 34px rgba(16,17,21,.1)}.hero h1,.hero h2,.hero h3,h1,h2,h3{font-family:var(--font-heading),serif;margin:0;letter-spacing:-.02em}.landing-title{font-size:clamp(1.8rem,4vw,3.1rem);line-height:1.02}.hero p{margin:0;color:var(--ink-muted)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:16px;box-shadow:0 10px 28px rgba(16,17,21,.08)}.card.elevated{background:var(--surface-2)}label{font-size:.85rem;font-weight:600;color:var(--ink-muted)}button,input,select,textarea{width:100%;font:inherit;border-radius:10px;border:1px solid var(--line);padding:10px 12px;background:#fff;color:var(--ink)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cta);outline-offset:2px}textarea{min-height:90px;resize:vertical}button{cursor:pointer;font-weight:600;background:var(--cta);color:var(--cta-ink);border-color:#0e0f13;box-shadow:0 8px 18px rgba(0,0,0,.18);transition:transform .12s ease,background-color .12s ease}button:hover{background:var(--cta-strong);transform:translateY(-1px)}button.secondary{background:var(--accent);color:#fff;border-color:var(--accent)}button.ghost{background:transparent;border-color:var(--line);color:var(--ink)}.row{display:flex;gap:10px;align-items:center}.form-step,.stack{display:grid;grid-gap:10px;gap:10px}.form-step{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}.form-step h3{margin:0}.mode-switch{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.muted{color:var(--ink-muted)}.badge{display:inline-flex;border-radius:999px;padding:4px 10px;font-size:.78rem;border:1px solid var(--line);background:#fff;color:var(--ink)}.badge.success{border-color:#8cd5a0;color:var(--success)}.badge.warning{border-color:#e1bd7f;color:var(--warning)}.kv{grid-template-columns:1fr auto;align-items:center}.kv,.timeline{display:grid;grid-gap:8px;gap:8px}.timeline-item{border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f8f8f9);border-radius:10px;padding:10px}.love-meter{display:grid;grid-gap:8px;gap:8px;border:1px solid var(--line);background:hsla(0,0%,100%,.72);border-radius:12px;padding:10px}.meter-track{width:100%;height:10px;border-radius:999px;background:#121317;overflow:hidden}.meter-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#ffcf2e,#ff6e3c)}.social-links{display:flex;flex-wrap:wrap;gap:8px}.chat-thread{max-height:320px;overflow-y:auto;display:grid;grid-gap:8px;gap:8px;padding:8px;background:linear-gradient(180deg,#fff,#f6f6f8)}.chat-bubble,.chat-thread{border:1px solid var(--line);border-radius:12px}.chat-bubble{padding:8px 10px;max-width:min(90%,560px)}.chat-bubble p{margin:6px 0 0;white-space:pre-wrap;word-break:break-word}.chat-bubble.me{justify-self:end;background:#1a1c23;color:#fff}.chat-bubble.me .muted{color:#c8cfde}.chat-bubble.other{justify-self:start;background:#fff7df}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-card,.palette-grid{display:grid;grid-gap:8px;gap:8px}.palette-card{text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:none}.palette-card,.palette-card:hover{transform:none}.palette-card.active{border-width:2px;border-color:var(--accent)}.palette-swatches{display:flex;gap:6px}.palette-swatches span{width:18px;height:18px;border-radius:999px;border:1px solid rgba(0,0,0,.28)}.tabs{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}.tabs button{border:0;border-radius:0;width:auto;padding:10px 14px;background:#efeff1;color:var(--ink-muted);box-shadow:none;transform:none}.tabs button.active{background:var(--accent);color:var(--cta)}.pwa-banner{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));border-radius:14px;border:1px solid var(--line);background:#fff;padding:12px;z-index:1000;box-shadow:0 10px 28px rgba(0,0,0,.12)}.pwa-banner h4{margin:0 0 4px;font-family:var(--font-heading),serif}.pwa-banner p{margin:0;font-size:.86rem;color:var(--ink-muted)}.pwa-actions{display:flex;gap:8px;margin-top:10px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px}.gallery-grid img{width:100%;border-radius:12px;border:1px solid var(--line)}.error{color:#9d1d1d;font-size:.9rem}.success-text{color:var(--success);font-size:.9rem}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@media (max-width:920px){.grid-2{grid-template-columns:1fr}.page-shell{padding:14px 12px calc(110px + env(safe-area-inset-bottom))}.hero{border-radius:16px;padding:16px;gap:10px}.card{border-radius:14px;padding:14px}button,input,select,textarea{min-height:44px;font-size:16px}.row{flex-wrap:wrap}.tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}.tabs button{width:100%;justify-content:center;text-align:center}.palette-grid{grid-template-columns:1fr}.landing-nav{border-radius:12px;padding:10px}.landing-links{display:none}.mode-switch{grid-template-columns:1fr}}