:root{--green: #00c277;--green-d: #00a566;--green-soft: #e3f8ef;--bg: #0a1f2b;--panel: #0f2630;--thread-bg: #122c37;--thread-pattern: rgba(255, 255, 255, .025);--bot-bub: #1a3a47;--bot-bub-bd: #245060;--text: #eaf4f2;--text-dim: #a9c3c4;--text-faint: #7e9ca0;--border: #1f4350;--shadow: 0 30px 70px -22px rgba(0, 25, 30, .65);--user-text: #04221a;--header-grad: linear-gradient(135deg, #00c277 0%, #009e7a 55%, #007e87 100%);--ease: cubic-bezier(.22, 1, .36, 1)}html[data-theme=light]{--bg: #e7eef0;--panel: #ffffff;--thread-bg: #eef4f4;--thread-pattern: rgba(0, 60, 50, .03);--bot-bub: #ffffff;--bot-bub-bd: #dde7e7;--text: #14252b;--text-dim: #5a6c70;--text-faint: #93a6aa;--border: #dde7e7;--shadow: 0 24px 60px -20px rgba(20, 50, 50, .25);--user-text: #04221a}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;height:100dvh;overflow:hidden}a{color:inherit}.shell{flex:1 1 auto;min-height:0;width:100%;max-width:480px;margin:0 auto;display:flex;flex-direction:column;background:var(--panel);position:relative}@media(min-width:540px){body{padding:clamp(0px,3vh,28px) 14px}.shell{height:calc(100dvh - clamp(0px,6vh,56px));border-radius:26px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border)}}.head{background:var(--header-grad);color:#fff;padding:.85rem 1rem;display:flex;align-items:center;gap:.7rem;position:relative;z-index:3;flex:none}.avatar{flex:none;width:44px;height:44px;border-radius:50%;background:#fff3;box-shadow:inset 0 0 0 1.5px #ffffff59;display:grid;place-items:center;position:relative;backdrop-filter:blur(2px)}.avatar svg{display:block;width:28px;height:28px}.avatar .live{position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;border-radius:50%;background:#4cff9e;border:2.5px solid var(--green-d);animation:pulse 2.4s infinite}@keyframes pulse{0%{box-shadow:0 0 #4cff9e99}70%{box-shadow:0 0 0 7px #4cff9e00}to{box-shadow:0 0 #4cff9e00}}.head .id{flex:1;min-width:0;line-height:1.2}.head .name{font-weight:700;font-size:1.02rem;display:flex;align-items:center;gap:.4rem}.demo-tag{font-size:.56rem;font-weight:700;letter-spacing:.08em;background:#ffffff38;padding:.15em .45em;border-radius:5px}.head .state{font-size:.74rem;opacity:.92;display:flex;align-items:center;gap:.32rem;margin-top:1px}.head .state i{width:7px;height:7px;border-radius:50%;background:#4cff9e;display:inline-block}.head-btns{display:flex;gap:.35rem;flex:none}.iconbtn{width:36px;height:36px;border-radius:50%;border:none;background:#ffffff29;color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .18s;font-size:1rem}.iconbtn:hover{background:#ffffff4d}.iconbtn svg{width:18px;height:18px}.thread{flex:1 1 auto;min-height:0;overflow-y:auto;background-color:var(--thread-bg);background-image:radial-gradient(var(--thread-pattern) 1.4px,transparent 1.4px);background-size:22px 22px;padding:1.1rem .9rem .6rem;display:flex;flex-direction:column;gap:.55rem;scroll-behavior:smooth;overscroll-behavior:contain}.daystamp{align-self:center;font-size:.66rem;font-weight:600;color:var(--text-dim);background:#0000002e;border:1px solid var(--border);padding:.22em .75em;border-radius:999px;margin-bottom:.3rem;backdrop-filter:blur(2px)}html[data-theme=light] .daystamp{background:var(--panel)}.row{display:flex;gap:.5rem;max-width:88%;animation:rise .34s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.row.user{align-self:flex-end;flex-direction:row-reverse}.row .mini{flex:none;width:30px;height:30px;min-width:30px;border-radius:50%;background:linear-gradient(150deg,#00d488,#008c7e);box-shadow:0 2px 6px -1px #00000059;display:grid;place-items:center;align-self:flex-end;margin-bottom:1px;overflow:hidden}.row .mini svg{display:block;width:19px;height:19px;flex:none}.row.user .mini{display:none}.col{min-width:0;display:flex;flex-direction:column}.bubble{padding:.62rem .9rem;font-size:.93rem;line-height:1.5;border-radius:18px;word-wrap:break-word;overflow-wrap:anywhere;box-shadow:0 1px 2px #0000001f;max-width:100%}.row.bot .bubble{background:var(--bot-bub);border:1px solid var(--bot-bub-bd);border-bottom-left-radius:6px;color:var(--text)}.row.user .bubble{background:linear-gradient(150deg,#00d488,#00b074);color:var(--user-text);border-bottom-right-radius:6px;font-weight:600}.bubble strong{font-weight:700}.bubble a{color:#2fe39c;font-weight:600;text-decoration:underline;text-underline-offset:2px}html[data-theme=light] .bubble a{color:var(--green-d)}.row.user .bubble a{color:var(--user-text)}.ts{font-size:.62rem;color:var(--text-faint);margin:.18rem .3rem .1rem}.row.user .ts{text-align:right}.followups{display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem 0 .1rem}.fu{font:inherit;font-size:.77rem;font-weight:600;text-align:left;line-height:1.25;padding:.4em .8em;border:1.5px solid var(--green);background:transparent;color:var(--green);border-radius:13px;cursor:pointer;transition:all .16s var(--ease)}html[data-theme=light] .fu{color:var(--green-d)}.fu:hover{background:var(--green);color:#fff;transform:translateY(-1px)}.typing .bubble{display:inline-flex;align-items:center;gap:4px;padding:.62rem .85rem;width:auto}.typing .bubble span{width:7px;height:7px;min-width:7px;flex:none;border-radius:50%;background:var(--text-faint);animation:blink 1.3s infinite both}.typing .bubble span:nth-child(2){animation-delay:.2s}.typing .bubble span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.chips{flex:none;display:flex;flex-wrap:wrap;gap:.4rem;padding:.6rem .9rem;background:var(--panel);border-top:1px solid var(--border)}.chips-label{flex-basis:100%;font-size:.6rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.05rem}.chip{font:inherit;font-size:.78rem;font-weight:600;white-space:normal;text-align:left;line-height:1.25;flex:0 1 auto;max-width:100%;padding:.4em .85em;border-radius:14px;border:1px solid var(--border);background:#00c2771f;color:var(--green);cursor:pointer;transition:all .16s var(--ease)}html[data-theme=light] .chip{background:var(--green-soft);color:var(--green-d)}.chip:hover{background:var(--green);color:#fff;border-color:var(--green);transform:translateY(-1px)}.composer{flex:none;display:flex;align-items:flex-end;gap:.5rem;padding:.7rem .9rem calc(.7rem + env(safe-area-inset-bottom,0px));background:var(--panel);border-top:1px solid var(--border)}.composer .field{flex:1;display:flex;background:var(--thread-bg);border:1.5px solid var(--border);border-radius:22px;transition:border-color .18s}.composer .field:focus-within{border-color:var(--green)}.composer input{flex:1;border:none;background:transparent;color:var(--text);font:inherit;font-size:.95rem;padding:.65rem .95rem;outline:none;min-width:0}.composer input::placeholder{color:var(--text-faint)}.send{flex:none;width:44px;height:44px;border-radius:50%;border:none;background:var(--green);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .18s,transform .12s}.send:hover{background:var(--green-d)}.send:active{transform:scale(.92)}.send:disabled{opacity:.45;cursor:default}.send svg{width:20px;height:20px}.footer{flex:none;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.42rem .95rem calc(.42rem + env(safe-area-inset-bottom,0px));background:var(--thread-bg);border-top:1px solid var(--border);font-size:.66rem;color:var(--text-faint)}.footer .disc{flex:1;min-width:0}.badge{flex:none;display:inline-flex;align-items:center;gap:.32rem;font-weight:700;font-size:.66rem;color:var(--green-d);text-decoration:none;padding:.2em .55em;border:1px solid var(--green);border-radius:999px;background:var(--green-soft);white-space:nowrap;transition:background .16s}.badge:hover{background:var(--green);color:#fff}.badge i{width:6px;height:6px;border-radius:50%;background:currentColor}