:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--panel:#f4f4f5;--user-bubble:#f0f0f3;--border-subtle:#ececf0;--border-strong:#d4d4dc;--text:#0d0d0d;--muted:#6e6e80;--placeholder:#9a9aa5;--error:#dc2626;--link:#2563eb;--radius:12px;--radius-sm:8px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "DejaVu Sans Mono", monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;font-size:16px;line-height:1.6}::selection{color:#0d0d0d;background:#d7e3ff}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--link);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}main{height:100dvh}.app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.col{width:100%;max-width:768px;margin:0 auto;padding:0 16px}.btn{font:inherit;color:var(--text);border:1px solid var(--border-strong);cursor:pointer;background:#fff;border-radius:999px;padding:6px 14px;font-weight:500}.btn:hover:not(:disabled){background:var(--panel)}.btn:disabled{color:var(--placeholder);cursor:default;opacity:.6}.btn-primary{color:#fff;background:#0d0d0d;border-color:#0d0d0d}.btn-primary:hover:not(:disabled){background:#2a2a2a}.btn-sm{padding:4px 12px;font-size:14px}.header{border-bottom:1px solid var(--border-subtle);flex:none;padding:10px 0}.header-row{align-items:center;gap:10px;display:flex}.brand{color:var(--text);align-items:center;gap:8px;display:flex}.brand h1{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600}.session{min-width:0;color:var(--muted);align-items:baseline;gap:8px;margin-left:auto;font-size:13px;display:flex}.session-model{overflow-wrap:anywhere}.session-state:after{content:" ·"}@media (max-width:560px){.session{text-align:right;flex-direction:column;align-items:flex-end;gap:0;line-height:1.3}.session-state:after{content:""}}.transcript-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.transcript{flex:1;padding:12px 0 16px;overflow:hidden auto}.empty{color:var(--muted);text-align:center;margin:40px 0}.notice{background:var(--panel);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--muted);flex-direction:column;align-items:flex-start;gap:10px;margin:16px 0 8px;padding:12px 16px;font-size:14px;display:flex}.notice p{margin:0}.turn{overflow-wrap:anywhere;padding:10px 0}.role{display:none}.turn-user{justify-content:flex-end;display:flex}.turn-user .turn-inner{background:var(--user-bubble);border-radius:20px;max-width:85%;padding:10px 16px}.turn-assistant .turn-inner{padding:0}.user-text{white-space:pre-wrap}.status-line{margin:12px 0 0}.status-line.muted{color:var(--muted)}.status-line.error{color:var(--error)}.latest{position:absolute;bottom:12px;right:16px}.thinking{color:var(--muted);align-items:center;gap:9px;font-style:italic;display:inline-flex}.thinking-word{animation:.4s thinking-fade}.thinking-dots{gap:4px;display:inline-flex}.thinking-dots i{background:var(--muted);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite thinking-pulse}.thinking-dots i:nth-child(2){animation-delay:.18s}.thinking-dots i:nth-child(3){animation-delay:.36s}@keyframes thinking-pulse{0%,70%,to{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}@keyframes thinking-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.thinking-word{animation:none}.thinking-dots i{opacity:.6;animation:none}}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p,.md ul,.md ol,.md blockquote{margin:.75em 0}.md h1,.md h2,.md h3,.md h4,.md h5,.md h6{margin:1.25em 0 .5em;font-weight:600}.md h1{font-size:1.4em}.md h2{font-size:1.25em}.md h3{font-size:1.1em}.md ul,.md ol{padding-left:1.5em}.md blockquote{border-left:3px solid var(--border-strong);color:var(--muted);margin-left:0;padding-left:12px}.md hr{border:0;border-top:1px solid var(--border-subtle)}.md :not(pre)>code{font-family:var(--font-mono);background:var(--panel);border:1px solid var(--border-subtle);border-radius:4px;padding:1px 5px;font-size:.9em}.codeblock{background:var(--panel);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);margin:.75em 0;overflow:hidden}.codebar{border-bottom:1px solid var(--border-subtle);color:var(--muted);justify-content:space-between;align-items:center;padding:4px 10px;font-size:13px;display:flex}.codeblock pre{margin:0;padding:12px;font-size:13.5px;line-height:1.5;overflow-x:auto}.codeblock code{font-family:var(--font-mono)}.table-wrap{margin:.75em 0;overflow-x:auto}.md table{border-collapse:collapse}.md th,.md td{border:1px solid var(--border-subtle);text-align:left;padding:4px 10px}.hljs-comment,.hljs-quote{color:var(--placeholder);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-title,.hljs-section{color:#7c3aed}.hljs-string,.hljs-number,.hljs-literal,.hljs-attr,.hljs-symbol{color:#0369a1}.composer{padding:10px 0 max(14px, env(safe-area-inset-bottom));flex:none}.composer-row{border:1px solid var(--border-strong);background:#fff;border-radius:26px;align-items:flex-end;gap:8px;padding:7px 7px 7px 18px;display:flex;box-shadow:0 2px 10px #0d0d0d0d}.composer-row:focus-within{border-color:var(--muted)}.composer textarea{resize:none;min-width:0;max-height:9.6em;font:inherit;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:7px 0;font-size:16px}.composer textarea::placeholder{color:var(--placeholder)}.composer .btn{border-radius:999px;flex:none;padding:8px 18px}