:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-page:#020617;--bg-body:#0f172a;--bg-drawer:#0f172ad1;--bg-surface:#0f172ad9;--bg-input:#0f172ae6;--bg-form:#020617b8;--bg-link:#0f172a99;--bg-link-hov:#1e293beb;--bg-backend:#0f172abd;--bg-reset:#334155e0;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-accent:#93c5fd;--text-label:#bfdbfe;--text-link:#cbd5e1;--text-input:#f8fafc;--text-select:#e2e8f0;--text-hint:#94a3b8;--border-drawer:#94a3b82e;--border-surface:#94a3b82e;--border-input:#94a3b838;--border-select:#60a5fa47;--border-form:#94a3b824;--border-backend:#94a3b829;--grad-body:radial-gradient(circle at top, #2563eb3d, transparent 28%), linear-gradient(180deg, #020617 0%, #0f172a 100%);--shadow-msg:0 12px 30px #0206173d;--theme-btn-bg:#1e293bcc;--theme-btn-active:linear-gradient(135deg, #2563eb, #7c3aed);--theme-btn-text:#94a3b8;--theme-btn-text-act:#fff;--theme-btn-border:#94a3b829}[data-theme=dim]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-page:#1e2433;--bg-body:#252d3d;--bg-drawer:#252d3de6;--bg-surface:#2a3448e6;--bg-input:#252d3df2;--bg-form:#1e2433e0;--bg-link:#252d3db3;--bg-link-hov:#323e55f2;--bg-backend:#252d3dcc;--bg-reset:#3c4b64e0;--text-primary:#cdd6e8;--text-secondary:#8a98b4;--text-accent:#7eb8f7;--text-label:#a8c4f0;--text-link:#b0bdd4;--text-input:#dce6f5;--text-select:#cdd6e8;--text-hint:#8a98b4;--border-drawer:#788cb433;--border-surface:#788cb433;--border-input:#788cb447;--border-select:#508ce659;--border-form:#788cb42e;--border-backend:#788cb433;--grad-body:radial-gradient(circle at top, #2563eb29, transparent 30%), linear-gradient(180deg, #1a2030 0%, #252d3d 100%);--shadow-msg:0 8px 24px #0a0e1a38;--theme-btn-bg:#323e55cc;--theme-btn-active:linear-gradient(135deg, #3b6fd4, #6d30c9);--theme-btn-text:#8a98b4;--theme-btn-text-act:#fff;--theme-btn-border:#788cb433}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-page:#f0f4ff;--bg-body:#f8faff;--bg-drawer:#ffffffeb;--bg-surface:#fffffff5;--bg-input:#fffffffa;--bg-form:#f0f4ffe6;--bg-link:#f1f5ffcc;--bg-link-hov:#e0e7fff2;--bg-backend:#ffffffe0;--bg-reset:#d2dcf0e0;--text-primary:#1e293b;--text-secondary:#64748b;--text-accent:#2563eb;--text-label:#1d4ed8;--text-link:#334155;--text-input:#0f172a;--text-select:#1e293b;--text-hint:#64748b;--border-drawer:#64748b2e;--border-surface:#64748b29;--border-input:#64748b47;--border-select:#2563eb59;--border-form:#64748b24;--border-backend:#64748b2e;--grad-body:radial-gradient(circle at top, #2563eb14, transparent 35%), linear-gradient(180deg, #e8eeff 0%, #f8faff 100%);--shadow-msg:0 6px 20px #1e293b1a;--theme-btn-bg:#e2e8f0e6;--theme-btn-active:linear-gradient(135deg, #2563eb, #7c3aed);--theme-btn-text:#64748b;--theme-btn-text-act:#fff;--theme-btn-border:#64748b33}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-body);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;transition:background-color .25s,color .25s,border-color .25s}html,body{overscroll-behavior:none;background:var(--grad-body);width:100%;height:100dvh;color:var(--text-primary);margin:0;overflow:hidden}#app{width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.app-shell{width:100%;height:100dvh;display:flex;overflow:hidden}.drawer{border-right:1px solid var(--border-drawer);background:var(--bg-drawer);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;gap:18px;width:260px;padding:28px 18px;display:flex}.drawer-title{letter-spacing:.12em;text-transform:uppercase;color:var(--text-accent);font-size:.78rem;font-weight:700}.drawer-subtitle{color:var(--text-secondary);margin:-8px 0 4px;font-size:.92rem;line-height:1.5}.drawer-nav{flex-direction:column;gap:10px;display:flex}.drawer-link{color:var(--text-link);background:var(--bg-link);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{background:var(--bg-link-hov);color:var(--text-primary);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}.theme-toggle{border:1px solid var(--theme-btn-border);letter-spacing:.04em;cursor:pointer;background:var(--theme-btn-bg);color:var(--theme-btn-text);white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:.8rem;font-weight:700;transition:background .2s,color .2s,transform .15s}.theme-toggle:hover{background:var(--theme-btn-active);color:var(--theme-btn-text-act);transform:scale(1.04);box-shadow:0 4px 12px #2563eb47}.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}.backend-form{border:1px solid var(--border-backend);background:var(--bg-backend);border-radius:18px;gap:10px;padding:14px;display:grid}.backend-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-label);font-size:.76rem;font-weight:700}.backend-input{border:1px solid var(--border-input);background:var(--bg-input);width:100%;min-width:0;color:var(--text-input);border-radius:14px;outline:none;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{background:var(--bg-reset);color:var(--text-primary)}.backend-save:hover,.backend-reset:hover{transform:translateY(-1px)}.backend-save:disabled,.backend-reset:disabled{opacity:.6;cursor:not-allowed;transform:none}.backend-status{min-height:1.3rem;color:var(--text-secondary);margin:0;font-size:.78rem;line-height:1.5}.backend-status[data-state=success]{color:#22c55e}.backend-status[data-state=error]{color:#ef4444}.drawer-hint{color:var(--text-hint);margin:0;font-size:.82rem;line-height:1.5}.drawer-hint code{background:var(--bg-surface);color:var(--text-primary);border-radius:999px;padding:2px 8px;font-family:SFMono-Regular,ui-monospace,monospace}.page{flex-direction:column;flex:1;min-width:0;display:flex}#answer-nav{border-bottom:1px solid var(--border-form);background:var(--bg-drawer);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:center;align-items:center;gap:12px;padding:8px 20px;display:flex}.ans-nav-btn{border:1px solid var(--border-select);background:var(--bg-input);color:var(--text-accent);cursor:pointer;border-radius:999px;padding:5px 14px;font-size:.78rem;font-weight:700;transition:background .2s,color .2s,transform .15s,opacity .2s}.ans-nav-btn:hover:not(:disabled){background:var(--border-select);color:#fff;transform:translateY(-1px)}.ans-nav-btn:disabled{opacity:.35;cursor:not-allowed}.ans-counter{color:var(--text-secondary);text-align:center;min-width:48px;font-size:.8rem;font-weight:700}#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 var(--border-surface);max-width:min(80%,720px);box-shadow:var(--shadow-msg);border-radius:18px;padding:14px 16px;line-height:1.6}.user{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:#0000;align-self:flex-end}.agent{background:var(--bg-surface);color:var(--text-primary);align-self:flex-start}.thinking{opacity:.72;font-style:italic}.msg-wrapper{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.copy-btn{border:1px solid var(--border-select);letter-spacing:.04em;background:var(--bg-input);color:var(--text-accent);cursor:pointer;opacity:0;border-radius:999px;align-self:flex-start;padding:4px 12px;font-size:.72rem;font-weight:700;transition:opacity .2s,background .2s,color .2s,transform .15s}.msg-wrapper:hover .copy-btn{opacity:1}.copy-btn:hover{background:var(--border-select);color:#fff;transform:translateY(-1px)}.copy-btn.copied{opacity:1;color:#fff;background:#16a34a;border-color:#16a34a}#form{padding:14px 20px max(22px, env(safe-area-inset-bottom));border-top:1px solid var(--border-form);background:var(--bg-form);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;gap:8px;display:flex}#model-bar{align-items:center;gap:10px;display:flex}#model-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-accent);white-space:nowrap;font-size:.72rem;font-weight:700}#model-select{border:1px solid var(--border-select);background:var(--bg-input);min-width:0;color:var(--text-select);cursor:pointer;border-radius:999px;outline:none;flex:1;padding:7px 12px;font-size:.84rem;transition:border-color .2s,box-shadow .2s,opacity .2s}#model-select:focus{border-color:#60a5fabf;box-shadow:0 0 0 3px #3b82f62e}#model-select:disabled{opacity:.5;cursor:not-allowed}#composer{gap:12px;display:flex}#input{border:1px solid var(--border-input);background:var(--bg-input);min-width:0;color:var(--text-input);border-radius:999px;outline:none;flex:1;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-right:0;border-bottom:1px solid var(--border-drawer);flex-flow:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 16px;overflow-y:visible}.drawer-title{margin-bottom:0;font-size:1.1rem}.drawer-subtitle,.drawer-hint,.install-btn{display:none!important}.drawer-meta{align-items:center;margin-top:0;display:flex}.drawer-nav{flex-direction:row;gap:8px;margin-top:0}.drawer-link{flex:0 auto;padding:6px 12px}#chat{padding:20px 16px}#form{padding:16px 16px max(22px, env(safe-area-inset-bottom));flex-direction:column-reverse}}@media (width<=640px){.backend-actions{grid-template-columns:1fr}.install-btn,.backend-save,.backend-reset{width:100%}.msg{max-width:100%}}
