:root{--bg:#fff;--surface:#f5f5f5;--surface-strong:#e8e8e8;--text:#333;--text-muted:#7d7d7d;--text-faint:#a6a6a6;--border:#d1d1d1;--border-soft:#e8e8e8;--primary:#427283;--primary-hover:#488498;--on-primary:#fff;--radius:3px;--sans:"NiveauGroteskLight", "Helvetica Neue", Helvetica, Arial, sans-serif;font:300 16px/1.5 var(--sans);color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--bg:#161616;--surface:#222;--surface-strong:#2e2e2e;--text:#e6e6e6;--text-muted:#9a9a9a;--text-faint:#6b6b6b;--border:#3a3a3a;--border-soft:#2a2a2a;--primary:#5b93a6;--primary-hover:#6ba4b7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);margin:0}#root{min-height:100svh}h1,h2,p{margin:0}::selection{background:var(--primary);color:var(--on-primary)}.chat{flex-direction:column;height:100svh;display:flex}.caps{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:12px;font-weight:400}.chat-header{border-bottom:1px solid var(--border-soft);grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 32px 16px;display:grid}.brand{flex-direction:column;align-items:center;gap:6px;display:flex}.brand-logo{width:auto;height:34px;display:block}@media (prefers-color-scheme:dark){.brand-logo{filter:invert()}}.header-actions{justify-content:flex-end;display:flex}.text-button{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px}.text-button:hover:not(:disabled){text-decoration:underline}.chat-scroll{flex:1;overflow-y:auto}.chat-column{flex-direction:column;gap:16px;max-width:760px;min-height:100%;margin:0 auto;padding:40px 32px;display:flex}.chat-empty{text-align:center;margin:auto 0}.chat-empty h2{color:var(--text);margin-bottom:14px;font-size:32px;font-weight:300;line-height:1.15}.lede{color:var(--text-muted);max-width:500px;margin:0 auto 36px;font-size:16px}.starters{text-align:left;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.starter{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font:inherit;text-align:left;cursor:pointer;flex-direction:column;gap:10px;padding:18px;font-size:15px;line-height:1.4;transition:border-color .15s,background .15s;display:flex}.starter:hover{border-color:var(--primary);background:var(--surface)}.starter:hover .caps{color:var(--primary)}.message{border-radius:var(--radius);white-space:pre-wrap;max-width:80%;padding:12px 16px;font-size:16px;line-height:1.55}.message-user{background:var(--primary);color:var(--on-primary);align-self:flex-end}.message-assistant{background:var(--surface);color:var(--text);align-self:flex-start}.typing{gap:5px;padding:16px 18px;display:flex}.typing span{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite blink}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.composer{border-top:1px solid var(--border-soft);padding:16px 32px 20px}.composer-box{gap:8px;max-width:760px;margin:0 auto;display:flex}.composer textarea{resize:none;font:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);field-sizing:content;outline:none;flex:1;max-height:180px;padding:11px 14px;font-size:16px}.composer textarea:focus{border-color:var(--primary)}.composer textarea::placeholder{color:var(--text-faint)}.composer button{border:1px solid var(--primary);border-radius:var(--radius);background:var(--primary);color:var(--on-primary);font:inherit;cursor:pointer;flex:none;padding:0 24px;font-size:15px;font-weight:400}.composer button:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.composer button:disabled{opacity:.4;cursor:default}@media (width<=640px){.chat-header{padding:16px}.chat-column{padding:28px 16px}.starters{grid-template-columns:1fr}.composer{padding:12px 16px 16px}.message{max-width:90%}}