:root{color-scheme:light;--bg: #faf7f2;--bg-elev: #ffffff;--bg-paper: #fffdf8;--bg-cream: #f0ebe3;--fg: #2c2418;--fg-soft: #3d3428;--muted: #9b8e7b;--subtle: #b8ad9e;--border: #ede8e0;--border-strong: #e0d8cc;--border-dashed: #ddd6ca;--accent: #6b5d4d;--accent-dark: #2c2418;--accent-mid: #4a3f33;--gold: #d4a574;--gold-soft: #c4956a;--success-bg: #c8d8b4;--success-mid: #b4c8a0;--success-fg: #4a6b2a;--danger: #d44444;--danger-soft: #e85d5d;--danger-bg: #fef3f2;--success-alert-bg: #ecfdf3;--ring: rgba(107, 93, 77, .25);--grad-primary: linear-gradient(135deg, #4a3f33 0%, #2c2418 100%);--grad-gold: linear-gradient(135deg, #d4a574 0%, #c4956a 100%);--grad-success: linear-gradient(135deg, #c8d8b4 0%, #b4c8a0 100%);--grad-danger: linear-gradient(135deg, #e85d5d 0%, #d44444 100%);--shadow-sm: 0 1px 2px rgba(20, 16, 10, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(44, 36, 24, .18);--shadow-paper: 0 4px 20px rgba(0, 0, 0, .08), 0 1px 3px rgba(0, 0, 0, .06);--font-serif: "Newsreader", Georgia, "Times New Roman", serif;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh;background:var(--bg);color:var(--fg)}body{font-size:15px;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:400;letter-spacing:-.01em;color:var(--fg);margin:0}button{font:inherit;font-family:var(--font-sans);padding:.7rem 1rem;min-height:44px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--fg);cursor:pointer;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease,transform 80ms ease,opacity .12s ease}button:hover{border-color:var(--border-strong)}button:active{transform:translateY(1px)}button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}button.primary,.btn-primary{background:var(--grad-primary);color:#faf7f2;border:none;font-weight:600;letter-spacing:.02em;border-radius:14px}button.primary:hover,.btn-primary:hover{filter:brightness(1.08);border-color:transparent}button.block,.btn-block{width:100%}.btn-secondary{background:#fff;color:var(--accent);border:1px solid var(--border-strong);border-radius:14px;font-weight:600}input,textarea,select{font:inherit;font-family:var(--font-sans);padding:.8rem .9rem;min-height:44px;border-radius:12px;border:1px solid var(--border-strong);background:#fff;width:100%;color:var(--fg);transition:border-color .12s ease,box-shadow .12s ease}input:hover,textarea:hover,select:hover{border-color:var(--accent)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}input::placeholder,textarea::placeholder{color:var(--subtle)}textarea{min-height:8rem;resize:vertical}.container{max-width:480px;margin:0 auto;padding:1.25rem 1.25rem 2rem}.screen{min-height:100vh;min-height:100dvh;background:var(--bg);display:flex;flex-direction:column}.screen-inner{flex:1;max-width:480px;width:100%;margin:0 auto;padding:1rem 1.25rem 5rem;display:flex;flex-direction:column}.stack>*+*{margin-top:.75rem}.stack-sm>*+*{margin-top:.5rem}.stack-lg>*+*{margin-top:1.5rem}.row{display:flex;gap:.5rem;align-items:center}.row-between{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:16px;padding:1.1rem;box-shadow:var(--shadow-sm)}.card-soft{background:var(--bg-elev);border:1px solid var(--border);border-radius:16px;padding:18px}.muted{color:var(--muted)}.subtle{color:var(--subtle)}.serif{font-family:var(--font-serif)}.sans{font-family:var(--font-sans)}.label-eyebrow{display:block;font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.field{display:block}.field-label{display:block;font-size:.8125rem;font-weight:500;color:var(--fg-soft);margin-bottom:.375rem}.field-hint{display:block;font-size:.8125rem;color:var(--muted);margin-top:.375rem}.alert{border-radius:12px;padding:.75rem .9rem;font-size:.9375rem;border:1px solid transparent}.alert-error{background:var(--danger-bg);border-color:#fecdca;color:var(--danger)}.alert-success{background:var(--success-alert-bg);border-color:#abefc6;color:#1f7a4f}.screen-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.screen-header .back{width:40px;height:40px;border-radius:12px;border:none;background:transparent;color:var(--accent);min-height:unset;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.screen-header .back:hover{background:var(--bg-cream)}.screen-header h1{font-family:var(--font-serif);font-size:22px;font-weight:400;color:var(--fg);margin:0;line-height:1.2}.screen-header .subtitle{font-family:var(--font-sans);font-size:12px;color:var(--muted);margin:2px 0 0}.hero-cta{background:var(--grad-primary);border-radius:22px;padding:24px 22px;cursor:pointer;position:relative;overflow:hidden;color:#faf7f2;border:none;width:100%;text-align:left;min-height:unset}.hero-cta:before{content:"";position:absolute;top:-20px;right:-20px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(212,165,116,.22) 0%,transparent 70%);pointer-events:none}.hero-cta .hero-icon{width:36px;height:36px;border-radius:12px;background:#d4a57438;display:inline-flex;align-items:center;justify-content:center;color:var(--gold)}.hero-cta .hero-eyebrow{color:var(--gold);font-size:12px;font-family:var(--font-sans);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.hero-cta .hero-body{color:#faf7f2;font-family:var(--font-serif);font-size:17px;margin:0;line-height:1.4}.event-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px;display:block;text-decoration:none;color:inherit;transition:transform .12s ease,box-shadow .12s ease}.event-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.event-card.done{opacity:.65}.event-card .event-title{font-family:var(--font-serif);font-size:16px;color:var(--fg);font-weight:500}.event-card .event-meta{font-size:12px;color:var(--muted);margin:4px 0 0}.event-card .progress{width:68px;height:4px;background:var(--border);border-radius:2px;overflow:hidden;margin-top:6px}.event-card .progress>span{display:block;height:100%;background:var(--grad-gold);border-radius:2px}.pill{background:var(--bg-cream);border-radius:20px;padding:4px 10px;font-size:11px;font-family:var(--font-sans);font-weight:600;color:var(--accent);display:inline-block}.avatar{width:40px;height:40px;border-radius:50%;background:var(--grad-gold);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:600;font-family:var(--font-sans);border:none;cursor:pointer;padding:0}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.type-cell{padding:18px 8px;border-radius:14px;border:1px solid var(--border-strong);background:#fff;text-align:center;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform 80ms ease;font-family:var(--font-sans)}.type-cell .emoji{font-size:26px;margin-bottom:4px;display:block}.type-cell .label{font-size:12px;font-weight:500;color:var(--fg-soft)}.type-cell.selected{border:2px solid var(--accent);background:var(--bg-cream)}.gift-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border);cursor:pointer;background:transparent;border-top:none;border-left:none;border-right:none;width:100%;text-align:left;color:inherit}.gift-row:last-child{border-bottom:none}.gift-tile{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:22px}.gift-row .gift-name{font-family:var(--font-serif);font-size:15px;font-weight:500;color:var(--fg);margin:0 0 2px}.gift-row .gift-from{font-size:12px;color:var(--muted);margin:0}.check-badge{width:28px;height:28px;border-radius:14px;background:var(--success-bg);display:inline-flex;align-items:center;justify-content:center;color:var(--success-fg);flex-shrink:0}.fab-row{position:fixed;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:20}.fab-primary{display:flex;align-items:center;gap:8px;padding:14px 22px;border-radius:28px;border:none;background:var(--grad-primary);color:#faf7f2;font-size:14px;font-family:var(--font-sans);font-weight:600;cursor:pointer;box-shadow:var(--shadow-lg)}.fab-ghost{display:flex;align-items:center;gap:6px;padding:14px 18px;border-radius:28px;border:1px solid var(--border-strong);background:#fffffff2;color:var(--accent);font-size:14px;font-family:var(--font-sans);font-weight:600;cursor:pointer;box-shadow:var(--shadow-md)}.chat-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--bg)}.chat-header{padding:14px 20px 12px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;background:var(--bg)}.chat-header .ai-avatar{width:36px;height:36px;border-radius:12px;background:var(--grad-gold);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0}.chat-header .title{font-size:15px;font-family:var(--font-sans);font-weight:600;color:var(--fg);line-height:1.2}.chat-header .subtitle{font-size:11px;color:var(--muted);margin-top:2px}.chat-messages{flex:1;overflow-y:auto;padding:16px 16px 8px;max-width:480px;width:100%;margin:0 auto}.chat-row{display:flex;margin-bottom:12px;animation:fadeUp .3s ease}.chat-row.user{justify-content:flex-end}.chat-row.ai{justify-content:flex-start}.bubble{max-width:82%;padding:12px 16px;font-size:14px;font-family:var(--font-sans);line-height:1.5;white-space:pre-wrap}.bubble-user{background:var(--grad-primary);color:#faf7f2;border-radius:18px 18px 4px}.bubble-ai{background:#fff;color:var(--fg);border-radius:18px 18px 18px 4px;border:1px solid var(--border);box-shadow:0 2px 8px #0000000a}.typing{padding:14px 18px;border-radius:18px;background:#fff;border:1px solid var(--border);display:inline-flex;gap:4px;align-items:center}.typing span{width:7px;height:7px;border-radius:50%;background:var(--border-strong);animation:bounce 1.2s ease-in-out infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}.chat-input-bar{border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--bg);max-width:480px;width:100%;margin:0 auto}.chat-input-bar input{flex:1;padding:10px 14px;border-radius:22px;border:1px solid var(--border-strong);background:#fff;min-height:42px;font-size:14px}.chat-input-bar .mic{width:42px;height:42px;border-radius:21px;border:none;background:var(--grad-gold);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;min-height:unset;padding:0;flex-shrink:0}.chat-input-bar .mic.recording{background:var(--grad-danger);box-shadow:0 0 0 4px #e85d5d33}.chat-input-bar .send{width:42px;height:42px;border-radius:21px;border:none;background:var(--grad-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;min-height:unset;padding:0;flex-shrink:0}.generate-chip{position:sticky;bottom:0;align-self:center;background:var(--grad-primary);color:#faf7f2;border:none;padding:10px 18px;border-radius:24px;font-family:var(--font-sans);font-weight:600;font-size:13px;box-shadow:var(--shadow-lg);cursor:pointer;margin:8px auto;display:inline-flex;gap:6px;align-items:center;min-height:unset}.letter-row{display:flex;align-items:center;gap:14px;padding:14px 16px;margin-bottom:8px;border-radius:14px;background:#fff;border:1px solid var(--border);cursor:pointer;color:inherit;text-decoration:none;min-height:unset;width:100%;text-align:left;font-family:var(--font-sans)}.letter-row.pending{background:transparent;border:1px dashed var(--border-dashed);opacity:.65;cursor:pointer}.letter-row .icon-tile{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.letter-row.done .icon-tile{background:var(--grad-success);color:var(--success-fg)}.letter-row.pending .icon-tile{background:var(--border);color:var(--subtle)}.letter-row .label-title{font-size:14px;font-family:var(--font-sans);font-weight:500;color:var(--fg)}.letter-row .label-sub{font-size:12px;color:var(--muted);margin-top:2px}.letter-paper{background:var(--bg-paper);border-radius:6px;padding:32px 26px;box-shadow:var(--shadow-paper);position:relative;border:1px solid var(--border);min-height:340px}.letter-paper:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-soft),var(--gold));border-radius:6px 6px 0 0}.letter-paper p{font-family:var(--font-serif);font-size:14.5px;color:var(--fg-soft);line-height:1.75;margin:0;white-space:pre-wrap}.method-card{padding:16px;border-radius:14px;border:1px solid var(--border);background:#fff;margin-bottom:10px;cursor:pointer;display:flex;align-items:center;gap:14px;width:100%;text-align:left;font-family:var(--font-sans);color:inherit;min-height:unset;transition:border-color .12s ease,background .12s ease}.method-card.premium{border:1px solid var(--gold);background:linear-gradient(135deg,#fffdf8,#fff8f0)}.method-card.selected{border:2px solid var(--accent);background:var(--bg-cream)}.method-card.disabled{cursor:not-allowed;opacity:.75}.method-card .icon{font-size:28px;flex-shrink:0}.method-card .title{font-size:14px;font-weight:600;color:var(--fg)}.method-card .desc{font-size:12px;color:var(--muted);margin:3px 0 0;line-height:1.4}.method-card .price{font-size:14px;font-weight:600;flex-shrink:0}.method-card .price.free{color:var(--success-fg)}.method-card .price.paid{color:var(--gold)}.tag{font-size:10px;font-family:var(--font-sans);font-weight:600;padding:2px 8px;border-radius:6px;letter-spacing:.04em;display:inline-block}.tag.mvp{background:var(--success-bg);color:var(--success-fg)}.tag.premium{background:var(--gold);color:#fff}.tag.soon{background:var(--bg-cream);color:var(--accent)}.auth-shell{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:var(--bg)}.auth-card{width:100%;max-width:420px}.brand{text-align:center;margin-bottom:1.5rem}.brand-name{font-family:var(--font-serif);font-size:2.25rem;font-weight:300;color:var(--fg-soft);letter-spacing:-.02em;margin:0}.brand-tagline{margin:.4rem 0 0;color:var(--muted);font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;font-family:var(--font-sans)}.link-reset{text-decoration:none;color:inherit}.hide-on-hover-parent{display:none}.spacer{height:1rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}