:root{--bg: #f7f7f8;--surface: #ffffff;--border: #e7e7ea;--text: #0f1115;--muted: #5f6368;--primary: #2563eb;--primary-ink: #ffffff;--user: #0ea5e9;--assistant: #e5e7eb;--code-bg: #f6f8fa;--code-border: #d1d9e0;--code-text: #24292f;--radius: 14px;--shadow: 0 1px 2px rgba(15, 17, 21, .06), 0 8px 24px rgba(15, 17, 21, .06)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 800px at 80% -10%,#eef2ff 0%,rgba(238,242,255,0) 60%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{max-width:880px;margin:0 auto;min-height:100%;display:grid;grid-template-rows:auto 1fr;padding:24px 16px 16px;gap:16px}.header{display:flex;align-items:center;justify-content:center}.brand{display:inline-flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);padding:10px 14px;border-radius:999px;box-shadow:var(--shadow)}.brand .title{font-weight:600;letter-spacing:.1px}.chat{display:grid;grid-template-rows:1fr auto;gap:0;background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow);overflow:hidden}.messages{padding:16px;overflow-y:auto;scroll-behavior:smooth}.msg{display:grid;grid-template-columns:36px 1fr 36px;align-items:flex-end;gap:10px;margin:8px 0}.msg.system .bubble{color:var(--muted);font-style:italic;background:transparent;border:none;padding-left:0}.msg .avatar{width:36px;height:36px;border-radius:50%;background:#f0f2f5;display:grid;place-items:center;font-size:16px;border:1px solid var(--border)}.msg .bubble{background:var(--assistant);color:var(--text);border:1px solid var(--border);padding:10px 12px;border-radius:12px;line-height:1.45;white-space:pre-wrap}.msg.user{grid-template-columns:1fr 36px;justify-content:end}.msg.user .bubble{background:linear-gradient(180deg,#38bdf8,#0ea5e9);color:var(--primary-ink);border:none;justify-self:end}.msg.user .avatar{order:2;background:#e0f2fe;border-color:#bae6fd}.msg.assistant{grid-template-columns:36px 1fr}.msg.assistant .bubble{background:#f7f7f8}.bubble.thinking{color:var(--muted);font-style:italic}.bold{font-weight:600}.italic{font-style:italic}.bold.italic{font-weight:600;font-style:italic}.underline{text-decoration:underline}.strikethrough{text-decoration:line-through}.inline-code{background-color:var(--code-bg);color:var(--code-text)!important;padding:.2em .4em;border-radius:3px;font-size:85%;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;border:1px solid var(--code-border)}.code-block{background-color:var(--code-bg);border:1px solid var(--code-border);border-radius:6px;padding:16px;margin:.75em 0;overflow:auto;font-size:14px;line-height:1.45;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.code-block code{background:transparent;color:var(--code-text);padding:0;font-size:inherit;font-family:inherit;border:none}.msg .bubble .code-block{white-space:pre;word-wrap:break-word}.composer{position:sticky;bottom:0;display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px;border-top:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.6),#fff 60%);-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px)}.input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#fff;border-radius:var(--radius);padding:12px 16px;font-size:16px;line-height:1.2;outline:none;transition:box-shadow .16s ease,border-color .16s ease;font-family:inherit;resize:none;-webkit-border-radius:var(--radius);-webkit-box-sizing:border-box;box-sizing:border-box;min-height:44px;touch-action:manipulation}.input:focus{border-color:#93c5fd;box-shadow:0 0 0 4px #2563eb1f}.input:focus-visible{border-color:#93c5fd;box-shadow:0 0 0 4px #2563eb1f}.send{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #1d4ed8;background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff;font-weight:600;border-radius:999px;padding:12px 18px;font-size:14px;cursor:pointer;transition:transform 80ms ease,box-shadow .16s ease,opacity .16s ease;box-shadow:0 6px 16px #2563eb40;-webkit-border-radius:999px;min-height:44px;touch-action:manipulation}.send:hover:not(:disabled){transform:translateY(-1px)}.send:active:not(:disabled){transform:translateY(0)}.send:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}input:-webkit-autofill,textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #fff inset!important;-webkit-text-fill-color:var(--text)!important}@media (max-width: 640px){.app{padding:16px 8px;min-height:100vh;min-height:-webkit-fill-available;height:100vh;height:-webkit-fill-available}.messages{padding:12px;min-height:0}.chat{margin-bottom:0;height:100%;min-height:0}.composer{padding:12px;gap:8px;position:sticky;bottom:0;left:auto;right:auto;margin:0;border-radius:0;flex-shrink:0}.input{font-size:16px;border-radius:8px}.send{padding:10px 16px;border-radius:8px}}@media (max-width: 640px){.app{height:100vh;height:100dvh}.chat{height:100%;overflow:hidden}.messages{overflow-y:auto;overscroll-behavior:contain}}@supports (-webkit-touch-callout: none){@media (max-width: 640px){.app{height:100vh;height:-webkit-fill-available}.composer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.input{font-size:16px;transform:translateZ(0)}}}@media screen and (-webkit-min-device-pixel-ratio: 0){@media (max-width: 640px){.input{-webkit-text-size-adjust:100%}.app{height:100vh}}}