:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--fg:#1d1d1f;--muted:#6e6e73;--border:#d2d2d7;--surface:#f5f5f7;--accent:#0b6bcb;--error:#c0392b;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1c1c1e;--fg:#f2f2f7;--muted:#a1a1a6;--border:#3a3a3c;--surface:#2c2c2e;--accent:#4da3ff;--error:#ff6b5b}}*{box-sizing:border-box}body{margin:0}#root{flex-direction:column;height:100dvh;display:flex}button,select,input{font:inherit;color:inherit}button,select{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;padding:6px 12px}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}a{color:var(--accent)}.header{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 16px;display:flex}.header h1{margin:0 auto 0 0;font-size:1.1rem}.header select{max-width:320px}.quota{color:var(--muted);font-size:.85rem}.location:before{content:"○ "}.location.on:before{content:"● ";color:#2e9d5b}.location.locating:before{content:"● ";animation:1s infinite alternate pulse}.location.denied:before,.location.unavailable:before{content:"● ";color:var(--error)}.thread{flex-direction:column;flex:1;min-height:0;display:flex}.thread-viewport{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.thread-viewport>*{width:100%;max-width:900px;margin:0 auto}.welcome{text-align:center;margin-top:10vh}.welcome p{color:var(--muted)}.suggestions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px;display:flex}.suggestion{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:16px;padding:8px 14px}.message.user{background:var(--accent);color:#fff;white-space:pre-wrap;border-radius:16px;align-self:flex-end;width:auto;max-width:min(80%,700px);margin:0 0 0 auto;padding:8px 14px}.message.assistant{line-height:1.5}.markdown table{border-collapse:collapse;margin:8px 0;display:block;overflow-x:auto}.markdown th,.markdown td{border:1px solid var(--border);text-align:left;padding:4px 8px}.markdown pre{background:var(--surface);border-radius:8px;padding:8px;overflow-x:auto}.message-error{color:var(--error);margin-top:8px}.tool-call{margin:8px 0}.tool-call-header summary{cursor:pointer;color:var(--muted);align-items:center;gap:8px;font-size:.9rem;display:flex}.tool-call-label{color:var(--muted);margin-top:8px;font-size:.8rem}.tool-call-header pre{background:var(--surface);border-radius:8px;max-height:400px;padding:8px;font-size:.8rem;overflow:auto}.tool-status{background:var(--muted);border-radius:50%;width:8px;height:8px}.tool-status.done{background:#2e9d5b}.tool-status.error{background:var(--error)}.tool-status.running{animation:1s infinite alternate pulse}@keyframes pulse{0%{opacity:.3}to{opacity:1}}.tool-error,.view-error{color:var(--error);font-size:.9rem}.view{border:1px solid var(--border);border-radius:12px;margin-top:8px;overflow:hidden}.view-frame{border:0;width:100%;height:420px;display:block}.view-fullscreen{z-index:10;background:var(--bg);border-radius:0;flex-direction:column;display:flex;position:fixed;inset:0}.view-fullscreen .view-frame{flex:1;height:auto}.view-close{align-self:flex-end;margin:8px}.composer{border-top:1px solid var(--border);gap:8px;width:100%;max-width:932px;margin:0 auto;padding:12px 16px;display:flex}.composer-input{resize:none;border:1px solid var(--border);background:var(--bg);border-radius:12px;flex:1;max-height:200px;padding:10px 12px}.composer-button{align-self:flex-end}.login{flex-direction:column;gap:16px;max-width:520px;margin:12vh auto;padding:0 16px;display:flex}.login p{color:var(--muted);line-height:1.5}.login .login-error{color:var(--error)}.login-key{gap:8px;display:flex}.login-key input{border:1px solid var(--border);background:var(--bg);border-radius:8px;flex:1;padding:6px 10px}.model-picker{align-items:center;gap:8px;display:flex}.model-all{color:var(--muted);white-space:nowrap;font-size:.85rem}.view-loading{height:420px}.loading{color:var(--muted);margin:20vh auto}.thinking{gap:6px;padding:8px 0;display:flex}.thinking span{background:var(--muted);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite bounce}.thinking span:nth-child(2){animation-delay:.15s}.thinking span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.thinking span{animation:1s infinite alternate pulse}}.dev{max-width:932px;margin:0 auto;padding:16px}.dev-form{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.dev-form select,.dev-args{border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:8px;padding:6px 10px}.dev-args{resize:vertical;font-family:ui-monospace,monospace;font-size:.85rem}.dev-actions{gap:8px;display:flex}.dev-description{color:var(--muted);white-space:pre-wrap;margin:0;font-size:.85rem}.dev-messages{color:var(--muted);font-size:.85rem}