:root{color-scheme:light dark;--bg: #fbfbfa;--bg-sunken: #f2f2f0;--surface: #ffffff;--surface-raised: #ffffff;--border: #e4e4e0;--border-strong: #d2d2cc;--text: #1c1c1a;--text-soft: #56564f;--text-faint: #86867c;--accent: #b4552d;--accent-soft: #f6e8e1;--accent-text: #ffffff;--ok: #2f6f4f;--warn: #8a6d1f;--bad: #9b3232;--connector-hub: #b4552d;--connector-kami: #9a6b1f;--connector-stream: #1f6f77;--connector-photorelay: #2f6f4f;--radius: 14px;--radius-sm: 9px;--radius-lg: 20px;--gap-1: 4px;--gap-2: 8px;--gap-3: 12px;--gap-4: 16px;--gap-5: 24px;--gap-6: 32px;--shadow: 0 1px 2px rgb(0 0 0 / 6%), 0 8px 24px rgb(0 0 0 / 6%);--shadow-soft: 0 1px 2px rgb(0 0 0 / 5%);--sidebar-width: 272px;--column: 46rem;--font: "Hiragino Sans", "Yu Gothic UI", "Noto Sans JP", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "SFMono-Regular", Menlo, Consolas, "Noto Sans Mono", monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #17171a;--bg-sunken: #121215;--surface: #1f1f23;--surface-raised: #26262b;--border: #303036;--border-strong: #3d3d45;--text: #ecece9;--text-soft: #b6b6b0;--text-faint: #86868044;--accent: #e07a4c;--accent-soft: #3a2119;--accent-text: #1a1a17;--ok: #72c39a;--warn: #d6b25c;--bad: #e08080;--connector-hub: #e07a4c;--connector-kami: #d9ad5e;--connector-stream: #62b7bf;--connector-photorelay: #7cc3a0;--shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 10px 30px rgb(0 0 0 / 35%);--shadow-soft: 0 1px 2px rgb(0 0 0 / 35%)}}:root[data-theme=dark]{--bg: #17171a;--bg-sunken: #121215;--surface: #1f1f23;--surface-raised: #26262b;--border: #303036;--border-strong: #3d3d45;--text: #ecece9;--text-soft: #b6b6b0;--text-faint: #8b8b84;--accent: #e07a4c;--accent-soft: #3a2119;--accent-text: #1a1a17;--ok: #72c39a;--warn: #d6b25c;--bad: #e08080;--connector-hub: #e07a4c;--connector-kami: #d9ad5e;--connector-stream: #62b7bf;--connector-photorelay: #7cc3a0;--shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 10px 30px rgb(0 0 0 / 35%);--shadow-soft: 0 1px 2px rgb(0 0 0 / 35%)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.icon{flex:0 0 auto}.app{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);height:100dvh}.main{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;background:var(--bg)}.stage{min-height:0;overflow:hidden;display:grid}.sidebar{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--gap-3);padding:var(--gap-4);background:var(--bg-sunken);border-right:1px solid var(--border);min-width:0}.sidebar-head{display:grid;gap:var(--gap-3)}.brand{display:flex;align-items:center;gap:var(--gap-2);font-weight:650;letter-spacing:.01em;color:var(--text)}.brand .icon{color:var(--accent)}.search{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;font-size:14px}.chats{overflow-y:auto;display:grid;align-content:start;gap:2px;margin:0 calc(var(--gap-2) * -1);padding:0 var(--gap-2)}.chat-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-radius:var(--radius-sm)}.chat-row:hover{background:var(--surface)}.chat{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--gap-2);align-items:baseline;padding:8px 10px;background:none;border:0;border-radius:var(--radius-sm);color:var(--text-soft);font:inherit;font-size:14px;text-align:start;cursor:pointer;min-width:0}.chat.current{color:var(--text);font-weight:600}.chat-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-date{color:var(--text-faint);font-size:12px}.chat-remove{opacity:0}.chat-row:hover .chat-remove,.chat-remove:focus-visible{opacity:1}.sidebar-foot{display:grid;gap:var(--gap-1);border-top:1px solid var(--border);padding-top:var(--gap-3)}button{font:inherit;cursor:pointer}button.primary,button.quiet,button.danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-2);padding:8px 14px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:14px;font-weight:550}button.primary{background:var(--accent);color:var(--accent-text)}button.primary:hover{filter:brightness(1.06)}button.quiet{background:var(--surface);border-color:var(--border);color:var(--text)}button.quiet:hover{border-color:var(--border-strong)}button.danger{background:none;border-color:var(--border);color:var(--bad)}button.wide{width:100%;justify-content:flex-start}button.ghost{display:inline-flex;align-items:center;justify-content:center;padding:6px;background:none;border:0;border-radius:var(--radius-sm);color:var(--text-soft)}button.ghost:hover{background:var(--bg-sunken);color:var(--text)}button:disabled{opacity:.5;cursor:default}.top{display:flex;align-items:center;gap:var(--gap-3);padding:var(--gap-3) var(--gap-5);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(8px);position:sticky;top:0;z-index:2}.top .only-narrow{display:none}.model-chip{position:relative;display:inline-flex;align-items:center;gap:var(--gap-2);padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:13px;overflow:hidden}.model-chip.empty{border-style:dashed;color:var(--text-soft)}.model-chip.failed{border-color:var(--bad);color:var(--bad)}.chip-bar{position:absolute;inset:auto 0 0;height:2px;width:0;background:var(--accent);transition:width .2s ease-out}.context-note{margin-inline-start:auto;color:var(--text-faint);font-size:12px}.thread-scroll{overflow-y:auto;padding:var(--gap-5) var(--gap-4) var(--gap-6);scrollbar-gutter:stable}.thread{display:grid;gap:var(--gap-5);max-width:var(--column);margin:0 auto}.row{display:flex}.row.user{justify-content:flex-end}.message{max-width:100%;min-width:0}.message.user{max-width:min(88%,34rem);padding:10px 16px;background:var(--accent-soft);border-radius:var(--radius-lg);border-end-end-radius:var(--radius-sm)}.message.assistant{width:100%}.body>:first-child{margin-top:0}.body>:last-child{margin-bottom:0}.body p{margin:0 0 .9em;overflow-wrap:anywhere}.body.tail{white-space:pre-wrap;overflow-wrap:anywhere}.body h3,.body h4,.body h5{margin:1.2em 0 .5em;line-height:1.35}.body ul,.body ol{margin:0 0 .9em;padding-inline-start:1.4em}.body li{margin-bottom:.25em}.body blockquote{margin:0 0 .9em;padding-inline-start:var(--gap-4);border-inline-start:3px solid var(--border-strong);color:var(--text-soft)}.body code{font-family:var(--mono);font-size:.9em;background:var(--bg-sunken);border-radius:5px;padding:1px 5px}.body pre.code{margin:0 0 .9em;padding:var(--gap-3) var(--gap-4);background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.body pre.code code{background:none;padding:0}.body a{color:var(--accent)}.message .actions{display:flex;gap:var(--gap-1);margin-top:var(--gap-2);opacity:0;transition:opacity .12s}.message.assistant:hover .actions,.message .actions:focus-within{opacity:1}.footnote,.notice{color:var(--text-faint);font-size:12px;margin:var(--gap-2) 0 0}.row.note{justify-content:center}.tool-card{width:100%;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:var(--gap-3) var(--gap-4);box-shadow:var(--shadow-soft)}.tool-head{display:flex;align-items:center;gap:var(--gap-2);font-size:13px;font-weight:550;color:var(--text-soft)}.tool-card.done .tool-head .icon{color:var(--ok)}.tool-card.failed{border-color:var(--bad)}.tool-card.failed .tool-head .icon{color:var(--bad)}.tool-card.refused .tool-head{color:var(--text-faint)}.tool-detail{margin:var(--gap-2) 0 0;padding:var(--gap-2) var(--gap-3);background:var(--bg-sunken);border-radius:var(--radius-sm);font-family:var(--mono);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:14em;overflow-y:auto}.welcome{overflow-y:auto;display:grid;align-content:center;justify-items:start;gap:var(--gap-4);max-width:var(--column);margin:0 auto;padding:var(--gap-6) var(--gap-4)}.welcome h1{font-size:1.7rem;line-height:1.3;margin:0;letter-spacing:-.01em}.lede{margin:0;color:var(--text-soft)}.fine{margin:0;color:var(--text-faint);font-size:12px}.fine.error{white-space:pre-wrap;overflow-wrap:anywhere}.examples{display:flex;flex-wrap:wrap;gap:var(--gap-2)}.example{padding:7px 13px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-soft);font-size:13px}.example:hover{border-color:var(--border-strong);color:var(--text)}.device{width:100%;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:var(--gap-4);display:grid;gap:var(--gap-2)}.device h3{display:flex;align-items:center;gap:var(--gap-2);margin:0;font-size:14px}.device-tier{margin:0;font-size:1.1rem;font-weight:650;color:var(--accent)}.device.none .device-tier{color:var(--bad)}.specs{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px var(--gap-3);margin:var(--gap-2) 0 0;font-size:13px}.specs dt{color:var(--text-faint)}.specs dd{margin:0;overflow-wrap:anywhere}.models{display:grid;gap:var(--gap-3)}.model{border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap-4);background:var(--surface);display:grid;gap:var(--gap-2);justify-items:start}.model.current{border-color:var(--accent)}.model-head{display:flex;align-items:center;gap:var(--gap-2);flex-wrap:wrap}.model-facts{display:flex;flex-wrap:wrap;gap:var(--gap-1) var(--gap-4);color:var(--text-soft);font-size:13px}.chip{padding:1px 8px;border-radius:999px;background:var(--bg-sunken);color:var(--text-soft);font-size:12px}.pill{padding:2px 9px;border-radius:999px;font-size:12px;background:var(--bg-sunken);color:var(--text-soft)}.pill.ready{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}.pill.unavailable{background:color-mix(in srgb,var(--bad) 16%,transparent);color:var(--bad)}.pill.connecting{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.connectors{display:grid;gap:var(--gap-3)}.connector{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:var(--gap-4);display:grid;gap:var(--gap-3)}.connector-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--gap-3)}.connector-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--bg-sunken)}.connector-hub .connector-mark .icon{color:var(--connector-hub)}.connector-name{display:grid}.connector-name small{color:var(--text-soft)}.connector-actions{display:flex;align-items:center;gap:var(--gap-3);font-size:13px}.connector-actions a{color:var(--text-soft)}.tool-list{display:grid;gap:var(--gap-2);margin:var(--gap-2) 0 0;padding:0;list-style:none;font-size:13px}.tool-list li{display:grid;gap:1px}.tool-list code{font-family:var(--mono);font-size:12px;color:var(--accent)}.tool-list span{color:var(--text-soft)}.composer{padding:var(--gap-3) var(--gap-4) var(--gap-4);display:grid;gap:var(--gap-2);justify-items:center}.composer-box{width:100%;max-width:var(--column);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:var(--gap-2);padding:var(--gap-2);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft)}.composer-box:focus-within{border-color:var(--border-strong)}.composer-field{resize:none;border:0;background:none;color:var(--text);font:inherit;padding:8px 10px;max-height:200px;outline:none}.send{width:36px;height:36px;padding:0;border-radius:50%}.send.stopping{background:var(--text);color:var(--bg)}.composer-note{margin:0;color:var(--text-faint);font-size:11px}dialog.modal,dialog.drawer{border:1px solid var(--border);background:var(--surface-raised);color:var(--text);padding:0;box-shadow:var(--shadow)}dialog::backdrop{background:#00000059;backdrop-filter:blur(2px)}dialog.modal{width:min(32rem,calc(100vw - 2 * var(--gap-4)));border-radius:var(--radius-lg);margin:auto}dialog.drawer{width:min(30rem,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0 0 0 auto;border-radius:0;border-inline-end:0}dialog header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--gap-3);padding:var(--gap-4) var(--gap-4) var(--gap-3);border-bottom:1px solid var(--border)}dialog h2{margin:0;font-size:1rem}dialog h3{margin:var(--gap-4) 0 var(--gap-2);font-size:13px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em}.modal-body,.drawer-body{padding:var(--gap-4);display:grid;gap:var(--gap-3)}.drawer-body{overflow-y:auto;max-height:calc(100dvh - 60px);align-content:start}dialog footer{display:flex;justify-content:flex-end;gap:var(--gap-2);padding:var(--gap-3) var(--gap-4) var(--gap-4)}.choices{display:flex;flex-wrap:wrap;gap:var(--gap-2)}.boot-error{padding:var(--gap-6);font-family:var(--mono);color:var(--bad)}@media(max-width:820px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.top .only-narrow{display:inline-flex}.thread-scroll,.welcome{padding-inline:var(--gap-4)}.message.user{max-width:100%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.hidden-input{display:none}.attachments{width:100%;max-width:var(--column);display:flex;flex-wrap:wrap;gap:var(--gap-2)}.attachment{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--gap-2);max-width:17rem;padding:6px 8px 6px 6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.attachment.opaque{border-style:dashed}.chip-thumb{width:32px;height:32px;object-fit:cover;border-radius:6px;display:block}.chip-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;background:var(--bg-sunken);color:var(--text-soft)}.chip-text{display:grid;min-width:0}.chip-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-note{font-size:11px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach{align-self:end;margin-bottom:2px}.message.attached{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--gap-3);max-width:min(88%,24rem);padding:var(--gap-2) var(--gap-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.message.attached.opaque{border-style:dashed}.attached-image{max-width:200px;max-height:200px;border-radius:var(--radius-sm);display:block}.message.attached.image{grid-template-columns:minmax(0,1fr);max-width:min(88%,18rem)}.drop-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 70%,transparent);backdrop-filter:blur(3px);pointer-events:none}.drop-card{display:grid;justify-items:center;gap:var(--gap-2);padding:var(--gap-6) var(--gap-6);border:2px dashed var(--accent);border-radius:var(--radius-lg);background:var(--surface);color:var(--accent);box-shadow:var(--shadow)}.drop-card p{margin:0;font-weight:550}.picture-note{display:flex;align-items:center;gap:var(--gap-2);flex-wrap:wrap;max-width:var(--column);margin:0 auto;padding:var(--gap-2) var(--gap-3);border-radius:var(--radius-sm);font-size:13px}.picture-note.cannot-see{background:color-mix(in srgb,var(--warn) 14%,transparent);color:var(--text)}.picture-note.cannot-see .icon{color:var(--warn)}.picture-note.can-see{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--text-soft)}.picture-note.can-see .icon{color:var(--ok)}.picture-note button{padding:4px 10px;font-size:12px}.made-files{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap-2);margin-top:var(--gap-3);padding-top:var(--gap-3);border-top:1px solid var(--border)}.made-files .fine{width:100%}.made-files button{padding:6px 12px;font-size:13px}