:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e2e8f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f172a;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#2563eb3d,#0000 28%),linear-gradient(#020617 0%,#0f172a 100%);min-height:100vh;margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.drawer{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ad1;border-right:1px solid #94a3b82e;flex-direction:column;gap:18px;width:260px;padding:28px 18px;display:flex}.drawer-title{letter-spacing:.12em;text-transform:uppercase;color:#93c5fd;font-size:.78rem;font-weight:700}.drawer-subtitle{color:#94a3b8;margin:-8px 0 4px;font-size:.92rem;line-height:1.5}.drawer-nav{flex-direction:column;gap:10px;display:flex}.drawer-link{color:#cbd5e1;background:#0f172a99;border:1px solid #0000;border-radius:14px;align-items:center;padding:12px 14px;transition:border-color .2s,background .2s,transform .2s,color .2s;display:flex}.drawer-link:hover{color:#fff;background:#1e293beb;border-color:#60a5fa59;transform:translateY(-1px)}.drawer-link.is-active{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 16px 32px #2563eb3d}.drawer-meta{gap:10px;margin-top:auto;display:grid}.install-btn{color:#eff6ff;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#2563eb);border:0;border-radius:999px;padding:12px 16px;font-weight:700;transition:transform .2s,opacity .2s,box-shadow .2s;box-shadow:0 14px 30px #2563eb4d}.install-btn:hover{transform:translateY(-1px)}.install-btn:disabled{opacity:.65;cursor:progress;box-shadow:none;transform:none}.account-help{gap:8px;display:grid}.account-help-link{color:#e0f2fe;text-align:center;background:#0f172aeb;border:1px solid #38bdf847;border-radius:14px;justify-content:center;align-items:center;padding:12px 14px;font-weight:700;transition:transform .2s,border-color .2s,background .2s,color .2s;display:inline-flex}.account-help-link:hover{color:#fff;background:#082f49e0;border-color:#7dd3fc80;transform:translateY(-1px)}.account-help-note{color:#94a3b8;margin:0;font-size:.78rem;line-height:1.5}.backend-form{background:#0f172abd;border:1px solid #94a3b829;border-radius:18px;gap:10px;padding:14px;display:grid}.backend-label{letter-spacing:.08em;text-transform:uppercase;color:#bfdbfe;font-size:.76rem;font-weight:700}.backend-input{color:#f8fafc;background:#020617b8;border:1px solid #94a3b838;border-radius:14px;outline:none;width:100%;min-width:0;padding:12px 14px;transition:border-color .2s,box-shadow .2s,opacity .2s}.backend-input:focus{border-color:#60a5fabf;box-shadow:0 0 0 3px #3b82f62e}.backend-actions{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.backend-save,.backend-reset{cursor:pointer;border:0;border-radius:999px;padding:11px 14px;font-weight:700;transition:transform .2s,opacity .2s,background .2s,color .2s}.backend-save{color:#fff;background:linear-gradient(135deg,#2563eb,#38bdf8)}.backend-reset{color:#e2e8f0;background:#334155e0}.backend-save:hover,.backend-reset:hover{transform:translateY(-1px)}.backend-save:disabled,.backend-reset:disabled{opacity:.6;cursor:not-allowed;transform:none}.backend-status{color:#94a3b8;min-height:1.3rem;margin:0;font-size:.78rem;line-height:1.5}.backend-status[data-state=success]{color:#86efac}.backend-status[data-state=error]{color:#fca5a5}.key-help{gap:8px;display:grid}.key-help-link{color:#dbeafe;text-align:center;background:#1e293bd1;border:1px solid #60a5fa47;border-radius:14px;justify-content:center;align-items:center;padding:12px 14px;font-weight:700;transition:transform .2s,border-color .2s,background .2s,color .2s;display:inline-flex}.key-help-link:hover{color:#fff;background:#2563eb33;border-color:#7dd3fc80;transform:translateY(-1px)}.key-help-note{color:#94a3b8;margin:0;font-size:.78rem;line-height:1.5}.drawer-hint{color:#94a3b8;margin:0;font-size:.82rem;line-height:1.5}.drawer-hint code{color:#e2e8f0;background:#0f172ae0;border-radius:999px;padding:2px 8px;font-family:SFMono-Regular,ui-monospace,monospace}.page{flex-direction:column;flex:1;min-width:0;display:flex}#chat{flex-direction:column;flex:1;gap:14px;padding:32px;display:flex;overflow-y:auto}.msg{white-space:pre-wrap;word-break:break-word;border:1px solid #94a3b82e;border-radius:18px;max-width:min(80%,720px);padding:14px 16px;line-height:1.6;box-shadow:0 12px 30px #0206173d}.user{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:#0000;align-self:flex-end}.agent{background:#0f172ad9;align-self:flex-start}.thinking{opacity:.72;font-style:italic}#form{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#020617b8;border-top:1px solid #94a3b824;gap:12px;padding:18px 20px 24px;display:flex}#input{color:#f8fafc;background:#0f172ae6;border:1px solid #94a3b838;border-radius:999px;outline:none;flex:1;min-width:0;padding:14px 18px;font-size:.96rem;transition:border-color .2s,box-shadow .2s,opacity .2s}#input:focus{border-color:#60a5fabf;box-shadow:0 0 0 3px #3b82f62e}#input:disabled{opacity:.7}#btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#38bdf8);border:0;border-radius:999px;padding:14px 22px;font-weight:700;transition:transform .2s,opacity .2s}#btn:hover{transform:translateY(-1px)}#btn:disabled{opacity:.55;cursor:not-allowed;transform:none}@media (width<=900px){.app-shell{flex-direction:column}.drawer{border-bottom:1px solid #94a3b82e;border-right:0;width:auto}.drawer-nav{flex-flow:wrap}.drawer-link{flex:140px;justify-content:center}#chat{padding:20px 16px}#form{padding:16px}}@media (width<=640px){#form{flex-direction:column}.backend-actions{grid-template-columns:1fr}#btn,.install-btn,.backend-save,.backend-reset{width:100%}.msg{max-width:100%}}