:root{--bg:#fbefd8;--paper:#fffaf0;--ink:#000;--ink-soft:#2b2b2b;--ink-quiet:#6b5f4b;--ink-whisper:#bbae94;--line:#ebddbd;--pine:#1f4742;--pine-soft:#1f47422e;--pine-fill:#1f474214;--clay:#c67a5c;--rose-clay:#b56670;--olive:#6b7a52;--slate:#4a5d6a;--clay-light:#d4a08a;--rose-clay-light:#cd8e96;--olive-light:#99a883;--slate-light:#8099a3;--step1-bg-tint:#f9ebda;--step2-bg-tint:#f7e5e2;--step3-bg-tint:#f2f1e5;--step4-bg-tint:#ebf0f0;--step1-line:#c67a5c33;--step2-line:#b5667033;--step3-line:#6b7a5233;--step4-line:#4a5d6a33;--cream-soft:#fbefd8bf;--cream-quiet:#fbefd880;--cream-whisper:#fbefd84d;--radius-sm:14px;--radius-md:16px;--radius-lg:20px;--radius-full:9999px;--card-radius:20px;--bg-app:#fbefd8;--bg-cool:#fbefd8;--bg-warm:#fbefd8;--bg-surface:#fffaf0;--bg-deep:#fbefd8;--bg-elevated:#fffaf0;--text-primary:#000;--text-secondary:#6b5f4b;--text-muted:#bbae94;--text-on-button:#fbefd8;--action:#1f4742;--action-hover:#163632;--action-soft:#1f47421a;--accent-warm:#1f4742;--accent-glow:#1f4742;--accent-soft:#1f47421a;--accent-fill:#1f47421f;--brand:#1f4742;--brand-soft:#1f47421a;--gradient-button:#1f4742;--teal:#1f4742;--deep-teal:#1f4742;--positive:#6b7a52;--positive-strong:#556142;--positive-soft:#6b7a5226;--step1:#c67a5c;--step1-text:#fbefd8;--step2:#b56670;--step2-text:#fbefd8;--step3:#6b7a52;--step3-text:#fbefd8;--step4:#4a5d6a;--step4-text:#fbefd8;--step1-fill:#c67a5c1f;--step1-bg:#c67a5c14;--step1-border:#c67a5c40;--step1-accent:#c67a5c;--step2-fill:#b566701f;--step2-bg:#b5667014;--step2-border:#b5667040;--step2-accent:#b56670;--step3-fill:#6b7a521f;--step3-bg:#6b7a5214;--step3-border:#6b7a5240;--step3-accent:#6b7a52;--step4-fill:#4a5d6a1f;--step4-bg:#4a5d6a14;--step4-border:#4a5d6a40;--step4-accent:#4a5d6a;--mustard:#c67a5c;--orange:#c67a5c;--coral:#b56670;--purple:#6b7a52;--pink:#b56670;--card-purple:#6b7a521a;--card-peach:#c67a5c1a;--card-warm:#c67a5c1a;--card-blue:#4a5d6a1a;--card-green:#6b7a5226;--edu-bg:#1f474214;--edu-border:#1f474233;--edu-text:#1f4742;--card-bg:#fffaf0;--card-border:#ebddbd;--card-shadow:none;--card-bg-hover:#00000005;--card-bg-selected:#1f474214;--card-border-selected:#1f474266;--result-text:#1f4742;--result-fill:#1f47421a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Plus Jakarta Sans,-apple-system,sans-serif}#root{background:var(--bg);justify-content:center;align-items:center;display:flex}.phone-frame{background:var(--bg);width:100%;max-width:430px;height:100%;max-height:932px;position:relative;overflow:hidden}@media (width>=431px){.phone-frame{border-radius:40px;height:90vh;max-height:932px;box-shadow:0 0 0 1px #0000000f,0 20px 60px #0000001f}}.screen{flex-direction:column;padding:0;display:flex;position:absolute;inset:0;overflow:hidden}h1{letter-spacing:-.02em;color:var(--ink);font-size:24px;font-weight:700;line-height:1.3}h2{letter-spacing:-.01em;color:var(--ink);font-size:20px;font-weight:700;line-height:1.3}h3{color:var(--ink);font-size:16px;font-weight:700;line-height:1.4}p{color:var(--ink-quiet);font-size:14px;font-weight:400;line-height:1.65}.btn-primary{background:var(--ink);width:100%;color:var(--bg);border:1px solid var(--ink);letter-spacing:-.005em;cursor:pointer;border-radius:999px;padding:17px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;transition:opacity .2s,transform .15s}.btn-primary:hover{opacity:.9}.btn-primary:active{transform:scale(.99)}.btn-primary:disabled{opacity:.3;cursor:not-allowed;pointer-events:none;transform:none}.btn-secondary{background:var(--paper);width:100%;color:var(--ink);border:1px solid var(--line);letter-spacing:-.005em;cursor:pointer;border-radius:999px;padding:17px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,transform .15s}.btn-secondary:hover{border-color:var(--ink-whisper);background:#fff}.btn-secondary:active{transform:scale(.99)}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--card-radius);padding:20px}.glass-card{background:var(--paper);border-radius:var(--card-radius);border:1px solid var(--line);padding:20px}.header-bar{padding:14px 20px;padding-top:max(14px, env(safe-area-inset-top));z-index:10;justify-content:space-between;align-items:center;display:flex}.header-btn{color:currentColor;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .2s;display:flex}.header-btn:hover{opacity:.7}.header-title{color:var(--ink);font-size:14px;font-weight:600}.message{border-radius:18px;max-width:82%;padding:12px 16px;font-size:13.5px;line-height:1.55;animation:.25s messageIn}@keyframes messageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.message.ai{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-bottom-left-radius:4px;align-self:flex-start}.message.user{background:var(--pine);color:var(--bg);border-bottom-right-radius:4px;align-self:flex-end}.chat-input-bar{padding:10px 14px;padding-bottom:max(10px, env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);gap:8px;display:flex}.chat-input-bar textarea{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-full);color:var(--ink);resize:none;outline:none;flex:1;min-height:42px;max-height:80px;padding:11px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;line-height:1.4}.chat-input-bar textarea::placeholder{color:var(--ink-whisper)}.chat-input-bar textarea:focus{border-color:var(--pine-soft)}.chat-input-bar button{background:var(--pine);width:42px;height:42px;color:var(--bg);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;display:flex}.chat-input-bar button:disabled{opacity:.25;cursor:not-allowed}.typing-indicator{background:var(--paper);border:1px solid var(--line);border-radius:18px 18px 18px 4px;align-self:flex-start;gap:4px;padding:12px 16px;display:flex}.typing-dot{background:var(--ink-whisper);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typingBounce}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:.8;transform:translateY(-3px)}}.fade-in{animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.disclaimer{color:var(--ink-quiet);text-align:center;padding:0 20px;font-size:11.5px;font-weight:400;line-height:1.55}.disclaimer a{color:var(--pine);font-weight:600;text-decoration:none}.logo-text{letter-spacing:-.02em;color:var(--ink);font-size:32px;font-weight:700}.progress-dots{justify-content:center;gap:5px;padding:8px 0;display:flex}.progress-dot{background:#ffffff59;border-radius:50%;width:7px;height:7px;transition:all .3s}.progress-dot.active{background:#fffffff2;border-radius:4px;width:22px}.progress-dot.done{background:#ffffff8c}.sidebar-overlay{z-index:90;background:#00000040;animation:.2s fadeInFast;position:absolute;inset:0}@keyframes fadeInFast{0%{opacity:0}to{opacity:1}}.sidebar{background:var(--paper);border-right:1px solid var(--line);z-index:100;width:80%;max-width:320px;padding-top:max(16px, env(safe-area-inset-top));flex-direction:column;animation:.25s slideIn;display:flex;position:absolute;top:0;bottom:0;left:0}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebar-header{border-bottom:1px solid var(--line);padding:20px 20px 16px}.sidebar-section{padding:12px 16px}.sidebar-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-whisper);padding:8px 4px 6px;font-size:11px;font-weight:600}.sidebar-item{border-radius:var(--radius-sm);color:var(--ink-quiet);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;transition:all .15s;display:flex}.sidebar-item:hover{color:var(--ink);background:#00000005}.sidebar-item-icon{text-align:center;width:20px;font-size:16px}.sidebar-chat-item{border-radius:var(--radius-sm);color:var(--ink-quiet);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:10px 12px;font-size:13px;line-height:1.4;transition:all .15s;overflow:hidden}.sidebar-chat-item:hover{color:var(--ink);background:#00000005}.option-pill{background:var(--paper);border:1px solid var(--line);color:var(--ink);letter-spacing:-.005em;cursor:pointer;text-align:center;border-radius:999px;width:100%;padding:17px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,transform .15s}.option-pill:hover{border-color:var(--ink-whisper);background:#fff}.option-pill:active{transform:scale(.99)}.text-input{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);width:100%;color:var(--ink);resize:none;outline:none;padding:14px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;line-height:1.5;transition:border-color .15s}.text-input::placeholder{color:var(--ink-whisper)}.text-input:focus{border-color:var(--pine)}