:root{--bg:#2f1942;--bg-elevated:#2a1438;--bg-surface:#331c46;--bg-card:#331c46;--accent:#e7c9ff;--gold-muted:#e7c9ff2e;--gold-border:#e7c9ff8c;--text-primary:#fff;--text-secondary:#ffffffdb;--text-muted:#e7c9ff8c;--text-on-accent:#331c46;--user-bubble:#482863;--assistant-bubble:#7f58a0;--online:#6bbf8a;--danger:#e07070;--border:#e7c9ff29;--border-strong:#e7c9ff47;--header-band:#3e2255;--composer:#39214f;--mic:#59327a;--shell:#321e45;--shell-border:#523b66;--placeholder:#9d83b3;--font-display:"Cormorant Garamond", "Palatino Linotype", serif;--font-body:"Noto Sans", "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text-primary);font-family:var(--font-body);margin:0}body{background-color:var(--bg);background-image:url(/app-background.png);background-position:top;background-size:cover;background-attachment:fixed}a{color:var(--accent)}button,input,select,textarea{font:inherit}img{max-width:100%}.app-screen{max-width:480px;min-height:100dvh;margin:0 auto;position:relative}.doc-page{min-height:100dvh;padding:32px 20px 48px}.doc-card{border:1px solid var(--border);background:#331c46db;border-radius:24px;width:min(100%,720px);margin:0 auto;padding:32px 28px}.doc-title{margin:0 0 8px;font-size:28px;font-weight:700}.doc-meta{color:var(--text-muted);margin:0 0 24px;font-size:13px}.doc-content h2{margin:28px 0 10px;font-size:18px}.doc-content p,.doc-content li{color:var(--text-secondary);font-size:15px;line-height:1.65}.doc-home{color:var(--accent);margin-bottom:18px;font-size:13px;text-decoration:none;display:inline-block}
.home{max-width:480px;min-height:100dvh;padding-top:env(safe-area-inset-top);margin:0 auto;padding-bottom:32px}.brand-row{align-items:center;gap:10px;padding:10px 20px 8px;display:flex}.brand-mark{object-fit:cover;border-radius:16px;width:32px;height:32px}.brand-name{color:#e7c9ff;font-size:20px;font-weight:500}.trial-banner{border:1px solid var(--gold-border);background:var(--bg-card);min-height:48px;color:inherit;text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:10px;width:calc(100% - 16px);margin:0 8px 8px;padding:8px 16px;display:flex}.trial-banner span{flex:1;font-size:15px;font-weight:600}.trial-banner img{object-fit:cover;border-radius:16px;width:32px;height:32px}.chip-row{scrollbar-width:none;gap:8px;padding:8px 12px 12px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip{border:1px solid var(--border-strong);background:var(--bg-surface);color:#fff;cursor:pointer;border-radius:999px;flex:none;padding:8px 16px;font-size:13px;font-weight:500}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent);font-weight:700}.persona-grid{grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 24px;display:grid}.home-empty{text-align:center;color:var(--text-muted);grid-column:1/-1;margin:40px 0 0;font-size:14px}.persona-card{background:#321e45;border:1px solid #523b66;border-radius:22px;padding:5px}.persona-card-inner{border-radius:18px;position:relative;overflow:hidden}.persona-card-photo{object-fit:cover;background:#2a1438;width:100%;height:248px;display:block}.persona-card-fade{pointer-events:none;background:linear-gradient(#0000 35%,#0000008c 62%,#000000eb 100%);position:absolute;inset:0}.persona-card-body{padding:0 10px 10px;position:absolute;bottom:0;left:0;right:0}.persona-card-name{align-items:center;gap:4px;display:flex}.persona-card-name b{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.verified{width:14px;height:14px}.persona-card-role{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:11px;overflow:hidden}.persona-card-actions{grid-template-columns:1.55fr .85fr;gap:8px;margin-top:10px;display:grid}.ghost-btn,.chat-btn{cursor:pointer;border-radius:999px;width:100%;min-height:34px;font-size:11px}.ghost-btn{color:#fff;background:#000;border:.5px solid #e7c9ff73;font-size:10px;font-weight:500}.chat-btn{background:var(--accent);color:#321e45;border:0;font-weight:700}.profile-sheet{z-index:40;background:#321d45;width:100%;max-width:480px;margin:0 auto;position:fixed;inset:0;overflow:auto}.profile-hero{object-fit:cover;width:100%;height:400px;display:block}.profile-body{background:#321d45 url(/app-background.png) 50%/cover;min-height:420px;padding:24px 20px 120px}.profile-name{align-items:center;gap:8px;font-size:24px;font-weight:700;display:flex}.profile-tagline{color:var(--text-secondary);margin:8px 0 0;font-size:14px;line-height:1.4}.profile-heading{color:#fff;margin:22px 0 10px;font-size:16px;font-weight:500}.profile-rule{background:#c1a5d8;height:4px}.profile-stats{gap:8px;margin-top:18px;display:flex}.profile-stat{background:#412b55;border-radius:14px;flex:1;min-height:76px;padding:18px 14px}.profile-stat small{color:#fff;font-size:11px;display:block}.profile-stat b{margin-top:2px;font-size:18px;display:block}.profile-back{color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:21px;width:42px;height:42px;font-size:28px;line-height:1;position:absolute;top:16px;left:16px}.profile-chat-now{border-radius:999px;min-height:52px;margin:0}.profile-chips{flex-wrap:wrap;gap:8px;display:flex}.profile-chips span{background:#321d45;border:1px solid #3b244d;border-radius:999px;padding:7px 14px;font-size:12px}.profile-cta{width:100%;max-width:480px;padding:8px 20px calc(20px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#321d45 28%);margin:0 auto;position:fixed;bottom:0;left:0;right:0}.auth-panel .trial-cta,.birth-panel .trial-cta{margin-top:20px}.trial-cta{width:100%;min-height:60px;color:var(--text-on-accent);background:var(--accent);cursor:pointer;border:0;border-radius:16px;padding:14px 20px;font-size:16px;font-weight:700}.trial-cta:disabled{opacity:.55;cursor:wait}.trial-legal{color:#f5f0e8b8;text-align:center;margin:12px 0 0;font-size:11px;line-height:1.5}.trial-error{color:#fecaca;background:#e070701f;border:1px solid #e0707047;border-radius:12px;margin-top:14px;padding:11px 13px;font-size:12px}.trial-paywall-overlay,.auth-overlay,.birth-overlay{z-index:1000;background:var(--bg) url(/app-background.png) center / cover;position:fixed;inset:0;overflow-y:auto}.paywall-close,.auth-close{z-index:2;color:#fff;cursor:pointer;background:0 0;border:0;width:42px;height:42px;font-size:28px;position:absolute;top:10px;left:8px}.paywall-body{flex-direction:column;align-items:center;max-width:480px;min-height:100dvh;margin:0 auto;padding:56px 24px 24px;display:flex}.paywall-logo{object-fit:cover;border-radius:44px;width:88px;height:88px;margin-bottom:12px}.paywall-body h1{text-align:center;margin:0;font-size:24px;font-weight:700;line-height:1.15}.paywall-price{text-align:center;margin-top:4px;font-size:22px}.paywall-caption{color:var(--text-muted);text-align:center;margin:8px 0 0;font-size:13px}.trial-divider{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;margin:32px 0 16px;padding-left:16px;display:grid}.trial-divider span{background:var(--accent);opacity:.45;height:1px}.trial-divider b{color:var(--accent);font-size:13px;font-weight:500}.trial-benefits{flex-direction:column;gap:12px;width:100%;padding:0 8px 0 32px;display:flex}.trial-benefit{align-items:center;gap:12px;display:flex}.trial-benefit-icon{flex:0 0 40px;width:40px;height:40px}.trial-benefit-icon img{object-fit:contain;width:100%;height:100%}.trial-benefit h2{margin:0 0 2px;font-size:13px;font-weight:700}.trial-benefit p{color:var(--text-muted);margin:0;font-size:11px;line-height:1.35}.paywall-footer{width:100%;margin-top:auto;padding-top:16px}.auth-panel,.birth-panel{border:1px solid var(--border);background:#331c46eb;border-radius:24px;width:min(100%,430px);margin:72px auto 32px;padding:28px 22px;position:relative}.auth-panel h2,.birth-panel h2{text-align:center;margin:0;font-size:22px;font-weight:700}.auth-copy{color:var(--text-muted);text-align:center;margin:10px auto 20px;font-size:13px;line-height:1.5}.auth-panel label,.birth-panel label{color:var(--text-secondary);margin:12px 0 8px;font-size:12px;font-weight:600;display:block}.phone-field{border:1px solid var(--border-strong);background:#12081cb3;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;height:56px;display:grid;overflow:hidden}.phone-field>span{border-right:1px solid var(--border);padding:0 14px 0 16px;font-weight:600}.phone-field input,.otp-field,.birth-field{color:#fff;border:1px solid var(--border-strong);background:#12081cb3;border-radius:16px;outline:0;width:100%;height:52px;padding:0 16px}.phone-field input{background:0 0;border:0;border-radius:0;height:100%}.otp-field{letter-spacing:14px;text-align:center;height:64px;font-size:28px}.auth-icon{object-fit:cover;border-radius:36px;width:72px;height:72px;margin:0 auto 16px;display:block}.auth-edit,.auth-resend,.birth-skip{color:var(--accent);cursor:pointer;background:0 0;border:0;font-size:12px;display:block}.auth-edit{margin:0 0 16px}.auth-resend,.birth-skip{margin:14px auto 0}.auth-security{color:var(--text-muted);text-align:center;margin-top:12px;font-size:10px}.gender-row,.place-results{flex-wrap:wrap;gap:8px;display:flex}.gender-row button,.place-results button{border:1px solid var(--border);min-height:40px;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:0 14px}.gender-row button.active{color:var(--text-on-accent);background:var(--accent);border-color:var(--accent)}.place-results{flex-direction:column;margin-top:8px}.payment-state-shell{background:var(--bg) url(/app-background.png) center / cover;place-items:center;min-height:100dvh;padding:24px;display:grid}.payment-state-card{border:1px solid var(--border);text-align:center;background:#331c46e6;border-radius:24px;width:min(100%,430px);padding:34px 28px}.payment-state-icon{width:76px;height:76px;color:var(--text-on-accent);background:var(--accent);border-radius:50%;place-items:center;margin:0 auto 22px;font-size:34px;font-weight:700;display:grid}.payment-state-icon.pending{color:#0000;border:5px solid #e7c9ff29;border-top-color:var(--accent);background:0 0;animation:1s linear infinite payment-spin}.payment-state-icon.failed{color:#fecaca;background:#e0707026}.payment-state-card h1{margin-bottom:12px;font-size:26px}.payment-state-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.payment-state-actions{gap:10px;margin-top:24px;display:grid}.payment-state-actions .trial-cta,.payment-secondary{place-items:center;margin-top:0;text-decoration:none;display:grid}.payment-secondary{min-height:50px;color:var(--text-primary);border:1px solid var(--border-strong);cursor:pointer;background:#ffffff0a;border-radius:16px;font-size:14px}.payment-footnote{margin-top:18px;color:var(--text-muted)!important;font-size:10px!important}.trial-eyebrow{color:var(--accent);letter-spacing:.4px;text-align:center;margin-bottom:8px;font-size:12px;font-weight:600}@keyframes payment-spin{to{transform:rotate(360deg)}}
.chat-root{background:var(--bg) url(/app-background.png) center / cover;flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.chat-header-band{padding-top:env(safe-area-inset-top);background:#3e2255}.chat-header{align-items:center;gap:8px;padding:10px 12px;display:flex}.chat-back{color:#fff;cursor:pointer;background:0 0;border:0;width:36px;height:36px;font-size:28px;line-height:1}.chat-avatar{object-fit:cover;background:var(--bg-surface);border-radius:20px;width:40px;height:40px}.chat-header-copy{flex:1;min-width:0}.chat-header-name{align-items:center;gap:6px;display:flex}.chat-header-name b{font-size:16px;font-weight:600}.chat-header-sub{color:var(--text-muted);margin:1px 0 0;font-size:12px}.chat-remaining{border:1px solid var(--border);color:var(--accent);border-radius:999px;padding:4px 8px;font-size:11px}.chat-messages{flex-direction:column;flex:1;justify-content:flex-end;min-height:0;padding:16px 0 12px;display:flex;overflow-y:auto}.chat-row{margin-bottom:8px;padding:0 16px;display:flex}.chat-row-user{justify-content:flex-end}.message-bubble{color:#fff;border-radius:14px;max-width:82%;padding:10px 14px 8px}.message-assistant{background:var(--assistant-bubble);border-bottom-left-radius:6px}.message-user{background:var(--user-bubble);border-bottom-right-radius:6px}.message-bubble p{white-space:pre-wrap;word-break:break-word;margin:0;font-size:15px;line-height:22px}.message-meta{color:#ffffffb8;justify-content:flex-end;gap:4px;margin-top:4px;font-size:10px;display:flex}.day-chip{background:#3e225573;border-radius:8px;align-self:center;margin:4px 0 12px;padding:5px 14px;font-size:12px;font-weight:500}.sample-row{flex-wrap:wrap;gap:8px;padding:0 16px 8px;display:flex}.sample-row button{border:1px solid var(--gold-border);background:var(--bg-surface);max-width:100%;color:var(--accent);text-align:left;cursor:pointer;border-radius:12px;padding:8px 12px;font-size:12px}.typing-bubble{background:var(--assistant-bubble);border-radius:14px 14px 14px 6px;gap:5px;margin:0 16px 8px;padding:13px 16px;display:inline-flex}.typing-bubble span{background:#f3e2ff;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite typing-pulse}.typing-bubble span:nth-child(2){animation-delay:.14s}.typing-bubble span:nth-child(3){animation-delay:.28s}.chat-error{color:#fecaca;background:#e070701f;border-radius:14px;margin:0 16px 8px;padding:9px 12px;font-size:12px}.chat-input-bar{padding:8px 12px calc(10px + env(safe-area-inset-bottom))}.composer-row{align-items:center;gap:8px;display:flex}.composer{background:#39214f;border-radius:16px;flex:1;align-items:center;gap:8px;min-height:52px;padding:8px 16px;display:flex}.composer input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:15px}.composer input::placeholder{color:#9d83b3}.composer-icon{color:#9d83b3;font-size:22px;line-height:1}.mic-btn{color:#ada4b5;cursor:pointer;background:#59327a;border:0;border-radius:26px;width:52px;height:52px;font-size:18px}.mic-btn:disabled{opacity:.55}@keyframes typing-pulse{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}