:root{--bg: #faf7f2;--surface: #ffffff;--surface-2: #f3eee6;--text: #2a2724;--muted: #8a8377;--line: #e7e0d4;--accent: #a6766a;--accent-ink: #ffffff;--accent-soft: rgba(166, 118, 106, .12);--radius: 18px;--radius-lg: 24px;--shadow: 0 8px 30px rgba(42, 39, 36, .08);--shadow-sm: 0 2px 10px rgba(42, 39, 36, .06);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--display: "Fraunces", Georgia, serif}[data-mode=coach]{--accent: #2f6b57;--accent-soft: rgba(47, 107, 87, .12)}[data-mode=emotional]{--accent: #c57b6b;--accent-soft: rgba(197, 123, 107, .14)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5}.app{min-height:100dvh;display:flex;justify-content:center;background:radial-gradient(1200px 600px at 50% -10%,var(--accent-soft),transparent 60%),var(--bg)}.device{position:relative;width:100%;max-width:460px;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}@media (min-width: 480px){.device{box-shadow:var(--shadow)}}.display{font-family:var(--display);font-weight:500;line-height:1.15;letter-spacing:-.01em}h1.display{font-size:32px}h1.hero-title{font-size:56px;letter-spacing:-.02em}h2.display{font-size:26px}.muted{color:var(--muted)}.hero-sub{font-size:18px;line-height:1.55;max-width:320px;margin-left:auto;margin-right:auto}.hero-sub strong{font-weight:700;color:var(--text)}.welcome-actions{margin-bottom:36px}.center{text-align:center}.screen{flex:1;display:flex;flex-direction:column;padding:28px 22px calc(24px + env(safe-area-inset-bottom))}.screen-scroll{flex:1;overflow-y:auto}.spacer{flex:1}.stack>*+*{margin-top:14px}.gap-sm>*+*{margin-top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;padding:14px 20px;border:none;border-radius:var(--radius);font-family:var(--font);font-size:16px;font-weight:600;cursor:pointer;transition:transform .12s ease,filter .12s ease,background .12s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-sm)}.btn-primary:hover{filter:brightness(.96)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn-ghost:hover{background:var(--surface-2)}.btn-soft{background:var(--surface);color:var(--text);border:1px solid var(--line)}.btn-link{background:none;border:none;color:var(--muted);font:inherit;cursor:pointer;text-decoration:underline}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:11px 16px;font-size:15px;font-weight:500;cursor:pointer;transition:all .12s ease;color:var(--text)}.chip:hover{border-color:var(--accent)}.chip:active{transform:scale(.97)}.chip.selected{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.field{width:100%;min-height:54px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);font-family:var(--font);font-size:16px;background:var(--surface);color:var(--text);outline:none;transition:border-color .12s ease}.field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.mode-card{text-align:left;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px 22px 24px;cursor:pointer;transition:all .14s ease;display:block}.mode-card+.mode-card{margin-top:20px}.mode-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.mode-card h3{font-family:var(--display);font-size:21px;font-weight:500;margin-bottom:7px}.mode-card p{color:var(--muted);font-size:14px;line-height:1.62;letter-spacing:.01em}.explain-p{margin-top:14px;font-size:15px;line-height:1.6;color:var(--text)}.explain-note{margin-top:12px;font-size:13px;color:var(--muted);line-height:1.5}.explain-h{margin-top:22px;margin-bottom:10px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.q-label{font-size:15px;font-weight:600;color:var(--text);margin-bottom:12px;text-align:center}.ob-questions{flex:1;display:flex;flex-direction:column;justify-content:center}.ob-q{padding:16px 0}.ob-q+.ob-q{border-top:1px solid var(--line)}.ob-chips{justify-content:center}.ob-name{display:block;width:100%;max-width:300px;margin:0 auto;text-align:center}.picks{display:flex;flex-direction:column;gap:8px}.pick{text-align:left;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:13px 15px;cursor:pointer;transition:all .12s ease;display:flex;flex-direction:column;gap:5px}.pick:hover{border-color:var(--accent)}.pick.on{border-color:var(--accent);background:var(--accent-soft)}.pick b{font-size:15px;font-weight:600;color:var(--text)}.pick span{font-size:13px;line-height:1.45;color:var(--muted)}.persona-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px 24px;text-align:center;box-shadow:var(--shadow)}.persona-name{font-family:var(--display);font-size:28px;font-weight:600;margin-top:16px}.persona-style{color:var(--muted);font-size:15px;margin-top:4px}.tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}.tag{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.persona-intro{margin-top:18px;font-size:15px;line-height:1.6;color:var(--text)}.avatar{border-radius:50%;display:block}.chat{display:flex;flex-direction:column;height:100dvh}.chat-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--surface);padding-top:calc(14px + env(safe-area-inset-top))}.chat-head .who{flex:1}.chat-head .who b{font-family:var(--display);font-weight:600;font-size:16px}.chat-head .who span{display:block;font-size:12px;color:var(--muted)}.chat-body{flex:1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:12px}.bubble{max-width:82%;padding:12px 15px;border-radius:18px;font-size:15px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.bubble.assistant{align-self:flex-start;background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:6px}.bubble.user{align-self:flex-end;background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:6px}.typing{align-self:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px 16px}.typing span{display:inline-block;width:7px;height:7px;margin:0 2px;border-radius:50%;background:var(--muted);opacity:.5;animation:blink 1.2s infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.msg-row{display:flex;flex-direction:column}.msg-row.user{align-items:flex-end}.msg-row.assistant{align-items:flex-start}.method{margin-top:5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:82%}.method-chip{font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:3px 10px}.method-why{font-size:11px;color:var(--muted);background:none;border:none;cursor:pointer;text-decoration:underline;padding:0;font-family:var(--font)}.method-why-text{font-size:12.5px;color:var(--text);line-height:1.5;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:9px 12px;margin-top:3px}.chat-chips{padding:0 16px 8px;display:flex;flex-wrap:wrap;gap:8px}.chat-input{display:flex;gap:8px;padding:12px 12px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface)}.chat-input textarea{flex:1;resize:none;border:1px solid var(--line);border-radius:22px;padding:12px 16px;font-family:var(--font);font-size:15px;max-height:120px;outline:none;background:var(--bg)}.chat-input textarea:focus{border-color:var(--accent)}.send{width:46px;height:46px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:18px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.send:disabled{opacity:.4}.overlay-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#2a272473;display:flex;align-items:flex-end;justify-content:center;z-index:50}.overlay{width:100%;max-width:460px;background:var(--surface);border-radius:24px 24px 0 0;padding:26px 22px calc(26px + env(safe-area-inset-bottom));box-shadow:var(--shadow)}.overlay h3{font-family:var(--display);font-size:21px;margin-bottom:8px}.overlay p{color:var(--text);font-size:15px;line-height:1.6;margin-bottom:16px}.res{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.res a{display:flex;align-items:center;justify-content:space-between;background:var(--accent-soft);color:var(--accent);border-radius:14px;padding:14px 16px;font-weight:700;text-decoration:none}.brand{font-family:var(--display);font-weight:600}.pill{display:inline-block;background:var(--surface-2);color:var(--muted);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.back{background:none;border:none;cursor:pointer;color:var(--muted);font-size:22px;line-height:1;padding:4px}.progress{display:flex;gap:6px;margin-bottom:22px}.progress i{flex:1;height:4px;border-radius:2px;background:var(--surface-2)}.progress i.on{background:var(--accent)}.demo-note{font-size:11px;color:var(--muted);text-align:center;padding:6px;opacity:.8}