:root{--bg-top:#f6f8f4;--bg-bottom:#eaf0ea;--surface:#fff;--ink:#17251d;--muted:#64756c;--line:#e1e6df;--green:#0c8a55;--green-deep:#0a3d2a;--green-mid:#0d5c3d;--gold:#d9a514;--shadow:0 2px 10px rgba(10,61,42,.07);--radius:18px}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{background:linear-gradient(180deg,var(--bg-top),var(--bg-bottom));color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100dvh;max-width:780px;margin:0 auto}.header{display:flex;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(120deg,var(--green-deep) 0,var(--green-mid) 100%);color:#f4f6f1;position:-webkit-sticky;position:sticky;top:0;z-index:10;box-shadow:0 2px 12px rgba(10,61,42,.25)}.logo-mark{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--gold));display:grid;place-items:center;color:#fff;font-weight:800;font-size:17px;flex-shrink:0;box-shadow:0 0 0 3px hsla(0,0%,100%,.15)}.header h1{margin:0;font-size:19px;font-weight:800;letter-spacing:.3px}.header .sub{margin:0;font-size:12px;color:#bccfc2}.header .spacer{flex:1 1}.header button.reset{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.28);color:#eef2ec;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.header button.reset:hover{background:hsla(0,0%,100%,.2)}.progress-row{display:flex;align-items:center;gap:6px;padding:10px 16px;background:hsla(0,0%,100%,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.progress-row::-webkit-scrollbar{display:none}.pstep{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);white-space:nowrap;padding:4px 11px;border-radius:999px;border:1px solid transparent;transition:all .2s}.pstep .dot{width:8px;height:8px;border-radius:50%;background:var(--line);transition:background .2s}.pstep.done{color:var(--green-mid)}.pstep.done .dot{background:var(--green)}.pstep.active{color:#fff;font-weight:700;background:linear-gradient(120deg,var(--green),var(--green-mid));box-shadow:0 2px 8px rgba(12,138,85,.35)}.pstep.active .dot{background:#fff}.chat{flex:1 1;overflow-y:auto;padding:18px 16px 10px;display:flex;flex-direction:column;gap:14px}.a-row{display:flex;align-items:flex-end;gap:8px;max-width:88%;align-self:flex-start}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--gold));color:#fff;font-size:13px;font-weight:800;display:grid;place-items:center;flex-shrink:0;box-shadow:var(--shadow)}.msg{padding:12px 16px;border-radius:var(--radius);white-space:pre-wrap;word-wrap:break-word;animation:rise .22s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.msg.assistant{background:var(--surface);border-bottom-left-radius:6px;box-shadow:var(--shadow)}.msg.user{align-self:flex-end;max-width:85%;background:linear-gradient(120deg,var(--green),var(--green-mid));color:#fff;border-bottom-right-radius:6px;box-shadow:0 2px 10px rgba(12,138,85,.28)}.typing{display:flex;gap:5px;padding:14px 16px}.typing span{width:8px;height:8px;border-radius:50%;background:var(--green);opacity:.4;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:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.rec-card{align-self:flex-start;max-width:92%;background:var(--surface);border-radius:var(--radius);border-bottom-left-radius:6px;padding:14px 16px;box-shadow:var(--shadow);border-left:4px solid var(--green);animation:rise .22s ease-out}.rec-card .rec-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.badge{font-size:11px;font-weight:800;letter-spacing:.6px;padding:4px 10px;border-radius:999px;color:#fff}.badge.SO{background:linear-gradient(120deg,#0c8a55,#0d5c3d)}.badge.WO{background:linear-gradient(120deg,#2b7fb8,#1d5f8d)}.badge.ST{background:linear-gradient(120deg,#d9a514,#b07c10)}.badge.WT{background:linear-gradient(120deg,#b85436,#8f3c24)}.rec-num{font-size:12px;color:var(--muted)}@media (prefers-reduced-motion:reduce){.msg,.rec-card,.typing span{animation:none}.typing span{opacity:.7}}.chips{display:flex;gap:10px;flex-wrap:wrap;padding:6px 16px 14px}.chip-btn{border:1.5px solid var(--green);color:var(--green-mid);background:var(--surface);border-radius:999px;padding:11px 18px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .12s,box-shadow .12s}.chip-btn.solid{background:linear-gradient(120deg,var(--green),var(--green-mid));border-color:transparent;color:#fff;box-shadow:0 3px 12px rgba(12,138,85,.35)}.chip-btn:not(:disabled):active{transform:scale(.97)}.chip-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.composer-wrap{position:-webkit-sticky;position:sticky;bottom:0;background:linear-gradient(180deg,transparent,var(--bg-bottom) 30%);padding:10px 12px calc(12px + env(safe-area-inset-bottom))}.voice-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 6px 8px;font-size:12px;color:var(--muted)}.voice-row select{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:12px;padding:5px 8px}.listening{color:#b3261e;font-weight:700}.composer{display:flex;align-items:flex-end;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:7px 7px 7px 18px;box-shadow:0 4px 20px rgba(10,61,42,.1);transition:box-shadow .15s,border-color .15s}.composer:focus-within{border-color:var(--green);box-shadow:0 4px 24px rgba(12,138,85,.18)}.composer textarea{flex:1 1;border:none;outline:none;resize:none;background:transparent;font:inherit;color:var(--ink);max-height:110px;padding:9px 0}.composer textarea::placeholder{color:#9aa8a0}.icon-btn{width:44px;height:44px;border-radius:50%;border:none;display:grid;place-items:center;cursor:pointer;flex-shrink:0;font-size:18px;transition:transform .12s}.icon-btn:not(:disabled):active{transform:scale(.92)}.icon-btn.mic{background:#e8f4ee;color:var(--green)}.icon-btn.mic.on{background:#b3261e;color:#fff;animation:pulse 1.2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(179,38,30,.35)}50%{box-shadow:0 0 0 9px rgba(179,38,30,0)}}@media (prefers-reduced-motion:reduce){.icon-btn.mic.on{animation:none}}.icon-btn.send{background:linear-gradient(120deg,var(--green),var(--green-mid));color:#fff;box-shadow:0 3px 10px rgba(12,138,85,.35)}.icon-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.hint{text-align:center;font-size:11px;color:var(--muted);padding-top:8px}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:2px}@media (min-width:780px){.app{height:calc(100dvh - 32px);margin:16px auto;border-radius:24px;overflow:hidden;box-shadow:0 12px 48px rgba(10,61,42,.14)}}