*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-family:"Helvetica Neue", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--green:#7ec984;--radius:6px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0c1013;--bg-raised:#172126;--bg-code:#080b0d;--border:#233139;--border-accent:#98c0d7;--text:#eff;--text-muted:#ddddddd9;--text-dim:#ddd9;--accent:#98c0d7;--accent-dim:#1a3342}}@media (prefers-color-scheme:light){:root{--bg:#fff;--bg-raised:#f2f2f7;--bg-code:#f4f4f6;--border:#e4e4e7;--border-accent:#6262da;--text:#0c0c13;--text-muted:#0d0d15cc;--text-dim:#0d0d1599;--accent:#6262da;--accent-dim:#eaeafa}}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);font:.9375rem/1.6 var(--font-family)}#root{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.app-brand{align-items:center;gap:12px;min-width:0;display:flex}.app-logo{width:auto;height:18px;color:var(--text);flex-shrink:0;display:block}.app-title{letter-spacing:-.01em;font-size:1rem;font-weight:600}.app-docs-link{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-dim);border:1px solid var(--border);white-space:nowrap;border-radius:100px;padding:5px 13px;font-size:.72rem;text-decoration:none;transition:all .15s}.app-docs-link:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.conversation{scroll-behavior:smooth;flex:1;overflow-y:auto}.conversation-inner{flex-direction:column;gap:24px;max-width:720px;margin:0 auto;padding:32px 24px 24px;display:flex}.hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;max-width:640px;margin:0 auto;padding:32px 24px;display:flex}.hero h1{font:600 clamp(1.8rem, 4vw, 2.5rem) / 1.2 var(--font-family);letter-spacing:-.01em}.hero p{color:var(--text-muted);max-width:460px;font-size:1rem}.suggestions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.suggestion{appearance:none;cursor:pointer;font:inherit;color:var(--text-muted);background:var(--bg-raised);border:1px solid var(--border);border-radius:100px;padding:9px 16px;font-size:.85rem;transition:all .15s}.suggestion:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.message{flex-direction:column;gap:8px;animation:.34s cubic-bezier(.22,1,.36,1) both message-in;display:flex}@keyframes message-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.message-user{align-items:flex-end}.message-user .bubble{background:var(--accent-dim);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px 14px 4px;max-width:85%;padding:10px 15px}.message-assistant .response{max-width:100%}.message-role{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:.65rem}.tool{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);font-size:.8rem;overflow:hidden}.tool-header{width:100%;color:var(--text-muted);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:9px;padding:8px 12px;display:flex}.tool-header.is-static{cursor:default}.tool-icon{font-family:var(--font-mono);color:var(--accent)}.tool-label{flex:1}.tool-label b{color:var(--text);font-weight:500}.spinner{border:1.5px solid var(--border-accent);border-top-color:#0000;border-radius:50%;flex-shrink:0;width:11px;height:11px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tool-chevron{color:var(--text-dim);font-size:.7rem;transition:transform .15s}.tool-chevron.open{transform:rotate(90deg)}.tool-body{border-top:1px solid var(--border);background:var(--bg-code);padding:12px;overflow-x:auto}.tool-body pre{font-family:var(--font-mono);color:var(--text-muted);white-space:pre-wrap;overflow-wrap:anywhere;font-size:.72rem;line-height:1.6}.thinking{font-family:var(--font-mono);letter-spacing:.03em;color:var(--text-dim);align-items:center;gap:10px;font-size:.78rem;display:flex}.thinking-dots{gap:4px;display:inline-flex}.thinking-dots span{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite thinking-bounce}.thinking-dots span:nth-child(2){animation-delay:.15s}.thinking-dots span:nth-child(3){animation-delay:.3s}.thinking-label{background:linear-gradient(90deg, var(--text-dim) 30%, var(--text) 50%, var(--text-dim) 70%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.8s linear infinite thinking-shimmer}@keyframes thinking-bounce{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes thinking-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.message,.thinking-dots span,.thinking-label{animation:none}.thinking-label{color:var(--text-dim)}}.response>:first-child{margin-top:0}.response>:last-child{margin-bottom:0}.response p,.response ul,.response ol,.response pre,.response blockquote,.response table{margin:0 0 .85em}.response h1,.response h2,.response h3,.response h4{margin:1.2em 0 .5em;line-height:1.25}.response h1{font-size:1.3rem}.response h2{font-size:1.15rem}.response h3{font-size:1rem}.response ul,.response ol{padding-left:1.4em}.response li{margin-bottom:.25em}.response a{color:var(--accent);text-underline-offset:2px}.response code{font-family:var(--font-mono);background:var(--bg-raised);border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-size:.85em}.response pre{background:var(--bg-code);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;overflow-x:auto}.response pre code{background:0 0;border:none;padding:0;font-size:.8rem;line-height:1.6}.response blockquote{border-left:2px solid var(--border-accent);color:var(--text-muted);padding-left:1em}.response table{border-collapse:collapse;width:100%;font-size:.85rem}.response th,.response td{border:1px solid var(--border);text-align:left;padding:6px 10px}.composer{border-top:1px solid var(--border);background:var(--bg);padding:14px 24px calc(14px + env(safe-area-inset-bottom));flex-shrink:0}.composer-inner{background:var(--bg-raised);border:1px solid var(--border);border-radius:16px;align-items:flex-end;gap:10px;max-width:720px;margin:0 auto;padding:8px 8px 8px 16px;transition:border-color .15s;display:flex}.composer-inner:focus-within{border-color:var(--border-accent)}.composer textarea{resize:none;color:var(--text);font:inherit;background:0 0;border:none;outline:none;flex:1;max-height:180px;padding:6px 0;line-height:1.5}.composer textarea::placeholder{color:var(--text-dim)}.send-btn{background:var(--accent);width:36px;height:36px;color:var(--bg);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;place-items:center;transition:opacity .15s,transform .1s;display:grid}.send-btn:disabled{opacity:.4;cursor:not-allowed}.send-btn:not(:disabled):hover{transform:translateY(-1px)}.send-btn svg{width:18px;height:18px}.composer-hint{text-align:center;max-width:720px;color:var(--text-dim);margin:8px auto 0;font-size:.7rem}.composer-error{color:#e2706f}.composer-error button{appearance:none;color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;text-decoration:underline}@media (width<=600px){.app-header{padding:12px 16px}.conversation-inner{padding:24px 16px}.composer{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}}