:root{--navy:#102438;--ink:#16202c;--mut:#6b7380;--paper:#f6f1e7;--card:#fffdf9;--line:#e9e2d5;--amber:#e9b949;--amber-soft:#fbf1d6;--green:#2f7a55;--serif:"Instrument Serif",Georgia,serif;color:var(--ink);background:var(--paper);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,textarea,input,select{font:inherit;color:inherit}button{cursor:pointer}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.top{background:var(--navy);color:#fff;align-items:center;gap:20px;height:60px;padding:0 22px;display:flex}.brand{letter-spacing:-1px;white-space:nowrap;font-size:20px;font-weight:800}.brand span{color:var(--amber)}.brand small{letter-spacing:0;opacity:.85;margin-left:3px;font-size:12px;font-weight:500}.crumb{color:#d9dee4;white-space:nowrap;text-overflow:ellipsis;border-left:1px solid #33475c;flex:1;padding-left:20px;font-size:13px;overflow:hidden}.crumb b{color:#fff}.crumb i{color:#6f8093;margin:0 8px;font-style:normal}.pill{color:#f3e5b4;white-space:nowrap;border:1px solid #4a5b6e;border-radius:20px;padding:6px 11px;font-size:11px}.pill i{background:var(--amber);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.link{color:#cfd7e0;text-underline-offset:3px;background:0 0;border:0;font-size:12px;text-decoration:underline}.link:hover{color:#fff}.panes{grid-template-columns:minmax(300px,360px) minmax(0,1fr) minmax(280px,330px);height:calc(100vh - 60px);min-height:620px;display:grid}.pane{flex-direction:column;min-width:0;min-height:0;display:flex}.chat{background:var(--card);border-right:1px solid var(--line)}.eva-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 18px;display:flex}.eva-ava{object-fit:cover;width:44px;height:44px;box-shadow:0 0 0 3px var(--amber-soft);border-radius:50%}.eva-head strong{font-size:15px;display:block}.eva-head small{color:var(--mut);font-size:12px}.dot{background:#3bb273;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block;box-shadow:0 0 0 3px #3bb27322}.messages{scroll-behavior:smooth;flex:1;padding:18px;overflow:auto}.intro{background:linear-gradient(160deg,#fff 0%,var(--amber-soft) 100%);border:1px solid var(--line);border-radius:20px;margin-bottom:14px;overflow:hidden}.intro-photo{object-fit:cover;object-position:50% 38%;width:100%;height:200px;display:block}.intro-body{padding:14px 16px 16px}.intro h2{font-family:var(--serif);letter-spacing:-.3px;margin:0 0 6px;font-size:28px;font-weight:400}.intro p{margin:0 0 8px;line-height:1.5}.intro .small{color:var(--mut);margin:0;font-size:12px}.suggest{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.suggest span{letter-spacing:.06em;text-transform:uppercase;width:100%;color:var(--mut);margin-bottom:2px;font-size:11px}.suggest button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:16px;padding:7px 11px;font-size:12.5px}.suggest button:hover{border-color:var(--amber);background:var(--amber-soft)}.msg{align-items:flex-end;gap:8px;margin:10px 0;display:flex}.msg img{object-fit:cover;border-radius:50%;flex:none;width:28px;height:28px}.msg>div{max-width:84%}.msg small{color:var(--mut);margin:3px 6px;font-size:10.5px;display:block}.bubble{border:1px solid var(--line);background:#fff;border-radius:16px 16px 16px 4px;padding:10px 13px}.bubble p{white-space:pre-wrap;margin:0;line-height:1.5}.msg.me{justify-content:flex-end}.msg.me .bubble{background:var(--navy);color:#fff;border-color:var(--navy);border-radius:16px 16px 4px}.msg.me small{text-align:right}.changed{color:var(--green);text-align:left;background:#e6f3ec;border:0;border-radius:10px;margin-top:8px;padding:6px 10px;font-size:12px;font-weight:600;display:block}.typing{color:var(--mut);align-items:center;gap:6px;margin:10px 0;font-size:12.5px;display:flex}.typing img{object-fit:cover;border-radius:50%;width:28px;height:28px}.typing i{background:var(--amber);border-radius:50%;width:6px;height:6px;animation:1.2s infinite bl}.typing i:nth-of-type(2){animation-delay:.2s}.typing i:nth-of-type(3){animation-delay:.4s}@keyframes bl{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.composer{border-top:1px solid var(--line);background:#fff;grid-template-columns:1fr auto;gap:8px;padding:12px 14px 10px;display:grid}.composer textarea{resize:none;border:1px solid var(--line);background:var(--card);border-radius:14px;max-height:160px;padding:11px 13px;line-height:1.4}.composer textarea:focus{outline:2px solid var(--amber);border-color:#0000}.send{background:var(--amber);width:44px;height:44px;color:var(--navy);border:0;border-radius:50%;align-self:end;font-size:17px;font-weight:700}.send:disabled{opacity:.5}.composer small{color:var(--mut);grid-column:1/-1;font-size:11px}.work{gap:12px;padding:18px 22px 10px}.work-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.eyebrow{letter-spacing:.12em;color:#9a7a2b;font-size:11px;font-weight:700}.work h1{font-family:var(--serif);letter-spacing:-.4px;margin:2px 0 0;font-size:32px;font-weight:400}.tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tools select{border:1px solid var(--line);background:#fff;border-radius:10px;max-width:260px;padding:8px 10px;font-size:12.5px}.tool{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;font-size:12.5px;font-weight:600}.tool:disabled{opacity:.45;cursor:default}.seg{border:1px solid var(--line);background:#fff;border-radius:10px;display:flex;overflow:hidden}.seg button{background:0 0;border:0;padding:7px 11px}.seg button.on{background:var(--navy);color:#fff}.stage{flex:1;justify-content:center;min-height:0;display:flex}.browser{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;flex:1;transition:max-width .35s,box-shadow .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px -24px #10243855}.stage.mobile .browser{border:8px solid var(--navy);border-radius:30px;max-width:390px}.browser.glow{box-shadow:0 0 0 4px var(--amber),0 18px 40px -24px #10243855}.browser-top{border-bottom:1px solid var(--line);background:#fbf8f2;align-items:center;gap:12px;height:38px;padding:0 12px;display:flex}.dots b{background:#e2d9ca;border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block}.address{text-align:center;color:var(--mut);border:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:8px;flex:1;padding:4px 10px;font-size:12px;overflow:hidden}.live{color:var(--green);font-size:11px;font-weight:600}.live i{background:#3bb273;border-radius:50%;width:7px;height:7px;margin-right:5px;animation:2s infinite bl;display:inline-block}.stage.mobile .dots,.stage.mobile .live{display:none}#demo{background:#faf8f4;border:0;flex:1;width:100%}.updated{background:var(--navy);color:#fff;white-space:nowrap;text-overflow:ellipsis;border-radius:20px;max-width:90%;padding:9px 15px;font-size:12.5px;font-weight:600;position:absolute;bottom:16px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 24px -10px #000a}.updated.pop{animation:.45s ease-out pop}@keyframes pop{0%{opacity:0;transform:translate(-50%,8px)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1)}}.footnote{color:var(--mut);text-align:center;margin:0;font-size:11.5px}.plan{background:var(--card);border-left:1px solid var(--line);padding:18px 16px 12px;overflow:auto}.plan-head{justify-content:space-between;align-items:flex-end;display:flex}.plan h2{font-family:var(--serif);margin:2px 0 0;font-size:28px;font-weight:400}#plan-count{background:var(--amber-soft);color:#7a5a12;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.plan-intro{color:var(--mut);margin:8px 0 12px;font-size:12.5px;line-height:1.5}.steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.step{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;transition:box-shadow .4s,border-color .4s}.step.new{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-soft);animation:.6s pop2}@keyframes pop2{0%{opacity:.4;transform:scale(.97)}to{opacity:1;transform:none}}.step-top{align-items:flex-start;gap:10px;display:flex}.num{background:var(--paper);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.step.s-done .num{color:var(--green);background:#e6f3ec}.grow{flex:1;min-width:0}.step strong{font-size:13.5px;line-height:1.35;display:block}.step p{color:var(--mut);margin:3px 0 0;font-size:12.5px;line-height:1.45}.step.s-done strong{color:var(--mut)}.status{white-space:nowrap;border:0;border-radius:10px;padding:4px 8px;font-size:10.5px;font-weight:700}.s-plan.status{color:#4a5a6e;background:#eef1f5}.s-busy.status{color:#2563a6;background:#e3eefa}.s-you.status{background:var(--amber-soft);color:#7a5a12}.s-done.status{color:var(--green);background:#e6f3ec}select.status{padding:4px}.by{color:#9a7a2b;margin:6px 0 0 34px;font-size:10.5px;display:block}.fb{gap:5px;margin:8px 0 0 34px;padding:0;list-style:none;display:grid}.fb li{background:var(--paper);border-radius:10px;gap:6px;padding:6px 8px;font-size:12px;line-height:1.4;display:flex}.fb small{color:var(--mut);font-size:10.5px;display:block}.acts{flex-wrap:wrap;gap:6px;margin:10px 0 0 34px;display:flex}.mini{border:1px solid var(--line);background:#fff;border-radius:9px;padding:5px 9px;font-size:12px}.mini:hover{border-color:var(--amber)}.mini.ok{color:var(--green);background:#e6f3ec;border-color:#cfe6da;font-weight:600}.mini.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.fb-form{gap:6px;margin:8px 0 0 34px;display:grid}.fb-form textarea{border:1px solid var(--line);resize:vertical;border-radius:10px;padding:8px 10px}.fb-form .row{justify-content:flex-end;gap:6px;display:flex}.step.leaving{animation:.48s ease-in forwards leave;overflow:hidden}@keyframes leave{0%{opacity:1;transform:none}45%{opacity:.6;background:#f2faf5;border-color:#cfe6da;transform:translateY(6px)scale(.98)}to{opacity:0;height:0;margin-top:-10px;padding-top:0;padding-bottom:0;transform:translateY(24px)scale(.96)}}.done-item.leaving{animation:.45s ease-in forwards leave2;overflow:hidden}@keyframes leave2{to{opacity:0;height:0;padding:0;transform:translateY(-16px)}}.all-done{color:var(--mut);background:#f2faf5;border:1px dashed #cfe6da;border-radius:14px;align-items:center;gap:10px;padding:12px;font-size:12.5px;display:flex}.all-done p{margin:0}.all-done b{color:var(--green)}.done{border:1px solid var(--line);background:#fbfdfb;border-radius:14px;margin-top:14px}.done summary{cursor:pointer;color:var(--green);border-radius:14px;align-items:center;gap:8px;padding:11px 12px;font-size:13px;font-weight:700;list-style:none;display:flex}.done summary::-webkit-details-marker{display:none}.done summary:hover{background:#f2faf5}.done .chev{color:var(--mut);margin-left:auto;font-style:normal;transition:transform .25s}.done[open] .chev{transform:rotate(180deg)}.done summary.pulse{animation:.9s pulse}@keyframes pulse{0%{background:#d6efe1;transform:scale(1.03)}to{background:0 0;transform:none}}.check{background:var(--green);color:#fff;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:grid}.done-list{gap:6px;margin:0;padding:0 12px 10px;list-style:none;display:grid}.done[open] .done-list{animation:.3s ease-out open}@keyframes open{0%{opacity:0;transform:translateY(-6px)}}.done-item{background:#fff;border:1px solid #e3efe7;border-radius:11px;align-items:center;gap:10px;padding:9px 10px;display:flex}.done-item strong{color:#4b5563;font-size:12.5px;-webkit-text-decoration:line-through #9fcbb2;text-decoration:line-through #9fcbb2;display:block}.done-item small{color:var(--mut);font-size:11px}.done-item.new{border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}.reopen{white-space:nowrap;font-size:11px}.plan-foot{border-top:1px dashed var(--line);align-items:center;gap:10px;margin-top:16px;padding-top:12px;display:flex}.plan-foot img{object-fit:cover;border-radius:50%;width:34px;height:34px}.plan-foot p{color:var(--mut);margin:0;font-size:12px}.tabs{display:none}.toast{background:var(--navy);color:#fff;opacity:0;pointer-events:none;z-index:20;border-radius:12px;max-width:90vw;padding:11px 16px;font-size:13px;transition:all .3s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.on{opacity:1;transform:translate(-50%)}@media (width<=1180px){.panes{grid-template-columns:320px minmax(0,1fr) 280px}.pill{display:none}}@media (width<=980px){.top{gap:12px;padding:0 14px}.crumb{padding-left:12px}.panes{height:calc(100vh - 122px);min-height:0;display:block}.pane{height:100%;display:none}.panes[data-tab=chat] .chat,.panes[data-tab=work] .work,.panes[data-tab=plan] .plan{display:flex}.plan{display:none}.panes[data-tab=plan] .plan{display:block}.work{padding:12px}.work h1{font-size:24px}.tabs{border-top:1px solid var(--line);z-index:10;background:#fff;height:62px;display:flex;position:fixed;bottom:0;left:0;right:0}.tabs button{color:var(--mut);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:18px;display:flex}.tabs span{font-size:11px;font-weight:600}.tabs button.on{color:var(--navy)}.tabs button.on span{color:#9a7a2b}.toast{bottom:76px}.seg{display:none}.intro-photo{height:170px}}.login-page{background:var(--paper);min-height:100vh}.login-main{place-items:center;min-height:calc(100vh - 60px);padding:40px 16px;display:grid}.login-card{background:var(--card);border:1px solid var(--line);border-radius:22px;width:min(420px,100%);padding:28px;box-shadow:0 24px 50px -30px #10243866}.login-card .eva-login{align-items:center;gap:12px;margin-bottom:14px;display:flex}.login-card .eva-login img{object-fit:cover;width:52px;height:52px;box-shadow:0 0 0 3px var(--amber-soft);border-radius:50%}.login-card h1{font-family:var(--serif);margin:4px 0;font-size:34px;font-weight:400}.login-card p{color:var(--mut);line-height:1.5}.login-card form{gap:6px;margin:14px 0;display:grid}.login-card label{margin-top:6px;font-size:12px;font-weight:600}.login-card input{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 12px}.login-card input:focus{outline:2px solid var(--amber);border-color:#0000}.primary{background:var(--navy);color:#fff;border:0;border-radius:12px;margin-top:10px;padding:12px 16px;font-weight:700}.primary:disabled{opacity:.6}#login-status{color:#a33;min-height:18px;margin:4px 0 0;font-size:12.5px}.login-card small{color:var(--mut);font-size:12px}
