*,:before,:after{box-sizing:border-box}:root{color:#1a1a2e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f6fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1.5rem;display:flex}.app-header__brand{margin:0;font-size:1.125rem;font-weight:600}.app-nav{gap:.75rem;display:flex}.app-nav__link{color:#334155;border-radius:.5rem;padding:.375rem .75rem;font-weight:500}.app-nav__link:hover{background:#f1f5f9;text-decoration:none}.app-nav__link--active{color:#1d4ed8;background:#dbeafe}.app-main{flex-direction:column;flex:1;display:flex}.placeholder-page{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;max-width:640px;margin:4rem auto;padding:2rem;box-shadow:0 1px 2px #0f172a0f}.placeholder-page h1{margin-top:0}.placeholder-page__link{margin-top:1rem;font-weight:500;display:inline-block}.chat-page{flex-direction:column;flex:1;gap:1rem;width:100%;max-width:960px;margin:0 auto;padding:1rem 1.5rem 1.5rem;display:flex}.chat-status{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:.625rem;justify-content:space-between;align-items:center;gap:1rem;padding:.625rem .875rem;font-size:.875rem;display:flex}.chat-status__socket{font-weight:600}.chat-status__socket--connected{color:#15803d}.chat-status__socket--connecting{color:#a16207}.chat-status__socket--disconnected{color:#b91c1c}.message-list{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;flex:1;gap:.75rem;min-height:420px;max-height:calc(100vh - 280px);padding:1rem;display:flex;overflow-y:auto}.message-list--empty{color:#64748b;justify-content:center;align-items:center}.message-bubble{word-break:break-word;border-radius:.875rem;max-width:80%;padding:.75rem 1rem}.message-bubble--user{color:#fff;background:#2563eb;align-self:flex-end}.message-bubble--assistant{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;align-self:flex-start}.message-bubble--system{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;align-self:center;max-width:90%;font-size:.875rem}.message-bubble--error{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.message-text{white-space:pre-wrap;margin:0}.message-json{white-space:pre-wrap;margin:0;font-size:.8125rem;overflow-x:auto}.message-bubble p{margin:0}.message-bubble p+p{margin-top:.5rem}.chat-input{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;align-items:flex-end;gap:.75rem;padding:.875rem;display:flex}.chat-input__field{resize:vertical;min-height:72px;font:inherit;border:1px solid #cbd5e1;border-radius:.625rem;flex:1;padding:.75rem}.chat-input__field:focus{border-color:#60a5fa;outline:2px solid #93c5fd}.chat-input__submit{color:#fff;font:inherit;cursor:pointer;background:#2563eb;border:none;border-radius:.625rem;padding:.75rem 1.25rem;font-weight:600}.chat-input__submit:hover:not(:disabled){background:#1d4ed8}.chat-input__submit:disabled{opacity:.55;cursor:not-allowed}