:root{--bg: #f7f5f2;--surface: #ffffff;--ink: #1d1b19;--ink-soft: #6b655f;--line: #e6e1da;--accent: #2f6fde;--accent-ink: #ffffff;--user: #2f6fde;--user-ink: #ffffff;--danger: #c0392b;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #141414;--surface: #1f1f1f;--ink: #ece9e4;--ink-soft: #9a958e;--line: #2e2e2e;--accent: #5b8ff0;--user: #3a6fd8;--danger: #ff7b6b}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:17px/1.5 ui-sans-serif,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;border:0;border-radius:999px;padding:.55rem 1.1rem;background:var(--accent);color:var(--accent-ink);cursor:pointer}button:disabled{opacity:.45;cursor:default}button.ghost{background:transparent;color:var(--ink-soft);padding:.35rem .7rem}input,textarea{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:.65rem .9rem;outline:none}input:focus,textarea:focus{border-color:var(--accent)}.error{color:var(--danger);font-size:.9rem}.lock{height:100%;display:grid;place-items:center;padding:16px}.lock form{display:flex;flex-direction:column;gap:.75rem;width:min(320px,100%);text-align:center}.lock .penguin{font-size:3.5rem}.lock h1{margin:0 0 .5rem;font-size:1.4rem}.chat{height:100%;display:flex;flex-direction:column;max-width:760px;margin:0 auto}.chat header{display:flex;align-items:center;justify-content:space-between;padding:max(env(safe-area-inset-top),.6rem) 16px .6rem;border-bottom:1px solid var(--line)}.chat .title{font-weight:600;display:flex;align-items:center;gap:.5rem}.dot{width:8px;height:8px;border-radius:50%;background:var(--ink-soft);opacity:.5}.dot.on{background:#2fb36b;opacity:1}.log{flex:1;overflow-y:auto;padding:1rem 16px;display:flex;flex-direction:column;gap:.75rem}.empty{margin:auto;color:var(--ink-soft);text-align:center}.bubble{max-width:85%;display:flex;flex-direction:column;gap:.5rem}.bubble.user{align-self:flex-end;background:var(--user);color:var(--user-ink);padding:.55rem .9rem;border-radius:18px 18px 4px}.bubble.assistant{align-self:flex-start}.bubble .text{white-space:pre-wrap;overflow-wrap:anywhere}.muted,.tool{color:var(--ink-soft)}.tool{font-size:.9rem}.image{display:block;width:min(420px,100%);aspect-ratio:1;border-radius:14px;object-fit:cover}.image.placeholder{background:var(--line);animation:pulse 1.2s ease-in-out infinite alternate}@keyframes pulse{to{opacity:.5}}.banner{margin:0;padding:0 16px}.composer{display:flex;gap:.5rem;align-items:flex-end;padding:.6rem 16px max(env(safe-area-inset-bottom),.6rem);border-top:1px solid var(--line)}.composer textarea{flex:1;resize:none;max-height:40vh;field-sizing:content}