:root{--ink:#14221f;--ink-soft:#3a4f49;--mist:#eef3f1;--panel:#ffffffc7;--panel-solid:#f7faf8;--line:#14221f1a;--teal:#0f766e;--teal-deep:#0b4f4a;--ember:#c45c26;--user-bg:#0f766e;--assistant-bg:#fff;--danger:#b42318;--shadow:0 18px 50px #0f28241f;--radius:18px;--font-brand:"Syne", sans-serif;--font-body:"Figtree", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 700px at 8% -10%,#0f766e2e,#0000 55%),radial-gradient(900px 600px at 100% 0,#c45c261f,#0000 50%),linear-gradient(160deg,#f4f7f6 0%,#e7efec 48%,#f8f3ee 100%);margin:0}button,textarea{font:inherit}button{cursor:pointer}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,80%,to{opacity:.35;transform:scale(.85)}40%{opacity:1;transform:scale(1)}}@keyframes brand-sheen{0%{background-position:0%}to{background-position:100%}}.shell{grid-template-rows:auto 1fr auto auto;gap:.85rem;max-width:860px;height:100%;margin:0 auto;padding:1.25rem 1rem 1rem;display:grid}.topbar{justify-content:space-between;align-items:flex-start;gap:1rem;animation:.45s both rise-in;display:flex}.brand{font-family:var(--font-brand);letter-spacing:-.03em;background:linear-gradient(110deg, var(--teal-deep), var(--teal), var(--ember), var(--teal-deep));color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.9rem,4vw,2.55rem);font-weight:800;line-height:1;animation:8s linear infinite alternate brand-sheen}.tagline{color:var(--ink-soft);margin:.45rem 0 0;font-size:.95rem}.controls{flex-shrink:0;align-items:center;gap:.65rem;padding-top:.35rem;display:flex}.stream-toggle{-webkit-user-select:none;user-select:none;align-items:center;gap:.55rem;display:inline-flex}.stream-toggle input{opacity:0;pointer-events:none;position:absolute}.toggle-track{background:#c5d2cd;border-radius:999px;width:42px;height:24px;transition:background .2s;position:relative}.toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.stream-toggle.on .toggle-track{background:var(--teal)}.stream-toggle.on .toggle-thumb{transform:translate(18px)}.toggle-label{color:var(--ink-soft);min-width:5.5rem;font-size:.88rem;font-weight:600}.ghost-btn{border:1px solid var(--line);color:var(--ink-soft);background:#ffffff8c;border-radius:999px;padding:.45rem .9rem;font-weight:600;transition:background .15s,color .15s}.ghost-btn:hover:not(:disabled){color:var(--ink);background:#fff}.ghost-btn:disabled{opacity:.45;cursor:not-allowed}.chat-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:0;box-shadow:var(--shadow);padding:1.1rem 1rem;overflow:auto}.empty-state{text-align:center;place-content:center;gap:.5rem;height:100%;min-height:280px;padding:1.5rem;animation:.5s both rise-in;display:grid}.empty-state h1{font-family:var(--font-brand);letter-spacing:-.02em;margin:0;font-size:clamp(1.6rem,3.5vw,2.1rem)}.empty-state p{max-width:34rem;color:var(--ink-soft);margin:0;line-height:1.5}.messages{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.bubble{border:1px solid #0000;border-radius:16px;max-width:min(92%,620px);padding:.85rem 1rem;animation:.35s both rise-in}.bubble .role{letter-spacing:.06em;text-transform:uppercase;opacity:.7;margin-bottom:.35rem;font-size:.72rem;font-weight:700;display:block}.bubble p{white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.55}.bubble.user{background:var(--user-bg);color:#f4fffc;border-bottom-right-radius:6px;align-self:flex-end}.bubble.assistant{background:var(--assistant-bg);border-color:var(--line);border-bottom-left-radius:6px;align-self:flex-start}.typing{gap:.28rem;margin-top:.35rem;display:inline-flex}.typing i{background:var(--teal);border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite pulse-dot}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.error-banner{color:var(--danger);background:#fef3f2;border:1px solid #fecdca;border-radius:12px;padding:.7rem .9rem;font-size:.92rem;animation:.25s both rise-in}.composer{border-radius:var(--radius);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow);background:#ffffffd1;grid-template-columns:1fr auto;align-items:end;gap:.65rem;padding:.75rem;animation:.5s both rise-in;display:grid}.composer textarea{resize:none;min-height:48px;max-height:160px;color:var(--ink);background:0 0;border:none;outline:none;padding:.65rem .4rem;line-height:1.45}.composer textarea::placeholder{color:#7a8c86}.composer button[type=submit]{background:var(--ink);color:#f4fffc;border:none;border-radius:12px;padding:.75rem 1.15rem;font-weight:700;transition:transform .15s,background .15s}.composer button[type=submit]:hover:not(:disabled){background:var(--teal-deep);transform:translateY(-1px)}.composer button[type=submit]:disabled{opacity:.45;cursor:not-allowed;transform:none}@media (width<=640px){.shell{padding:.85rem .7rem .75rem}.topbar{flex-direction:column;align-items:stretch}.controls{justify-content:space-between;padding-top:0}.composer{grid-template-columns:1fr}.composer button[type=submit]{width:100%}}