:root{--bg:#fff;--surface:#f0f4f9;--border:#e3e8ef;--text:#1f1f1f;--muted:#5f6368;--accent:#1a73e8;--user-bubble:#e9eef6;--code-bg:#f6f8fa;--error:#d93025}@media (prefers-color-scheme:dark){:root{--bg:#131314;--surface:#1e1f20;--border:#2f3133;--text:#e3e3e3;--muted:#9aa0a6;--accent:#8ab4f8;--user-bubble:#2a2b2e;--code-bg:#1b1c1d;--error:#f28b82}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Google Sans,Segoe UI,system-ui,-apple-system,Roboto,sans-serif;font-size:16px;line-height:1.6}button{font:inherit;cursor:pointer}.app{flex-direction:column;height:100%;display:flex}.topbar{justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.brand{align-items:center;gap:10px;font-size:20px;font-weight:500;display:flex}.logo{width:28px;height:28px}.ghost{background:var(--surface);color:var(--text);border:none;border-radius:999px;padding:6px 14px;font-size:14px}.ghost:hover{filter:brightness(.96)}.messages{flex:1;padding:0 16px;overflow-y:auto}.thread{max-width:800px;margin:0 auto;padding:16px 0 24px}.welcome{max-width:800px;margin:10vh auto 0}.welcome h1{color:var(--muted);margin:0 0 32px;font-size:clamp(28px,5vw,44px);font-weight:500;line-height:1.25}.gradient{background:linear-gradient(74deg,#4285f4 0%,#9b72cb 40%,#d96570 70%);color:#0000;-webkit-background-clip:text;background-clip:text}.suggestions{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.suggestions button{text-align:left;background:var(--surface);color:var(--text);border:none;border-radius:12px;padding:16px;font-size:15px}.suggestions button:hover{filter:brightness(.95)}.msg{gap:14px;margin:20px 0;display:flex}.msg.user{justify-content:flex-end}.msg.user .bubble{background:var(--user-bubble);border-radius:20px 4px 20px 20px;max-width:75%;padding:10px 18px}.msg.user .bubble p{white-space:pre-wrap;word-break:break-word;margin:0}.msg.assistant .bubble{flex:1;min-width:0;padding-top:4px}.avatar{color:#fff;background:linear-gradient(135deg,#4285f4,#9b72cb,#d96570);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown pre{background:var(--code-bg);border:1px solid var(--border);border-radius:10px;padding:14px;font-size:14px;overflow-x:auto}.markdown code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.markdown :not(pre)>code{background:var(--code-bg);border-radius:6px;padding:2px 6px}.markdown table{border-collapse:collapse;display:block;overflow-x:auto}.markdown th,.markdown td{border:1px solid var(--border);padding:6px 12px}.markdown a{color:var(--accent)}.markdown blockquote{border-left:3px solid var(--border);color:var(--muted);margin:0;padding-left:14px}.typing{gap:5px;padding:10px 0;display:flex}.typing span{background:var(--muted);border-radius:50%;width:8px;height:8px;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;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.error{color:var(--error);margin-top:6px;font-size:14px}.composer-wrap{padding:8px 16px 12px}.composer{background:var(--surface);border:1px solid #0000;border-radius:28px;align-items:flex-end;gap:8px;max-width:800px;margin:0 auto;padding:8px 8px 8px 22px;transition:border-color .15s;display:flex}.composer:focus-within{border-color:var(--border)}.composer textarea{resize:none;color:var(--text);font:inherit;background:0 0;border:none;outline:none;flex:1;max-height:200px;padding:8px 0}.send{background:var(--accent);width:40px;height:40px;color:var(--bg);border:none;border-radius:50%;flex:none;font-size:16px}.send:disabled{color:var(--muted);cursor:default;background:0 0}.send.stop{font-size:14px}.hint{text-align:center;color:var(--muted);margin:8px 0 0;font-size:12px}@media (width<=600px){.msg.user .bubble{max-width:88%}.avatar{display:none}}