:root{--bg: #0b1220;--panel: #131c2e;--panel-2: #1b2740;--border: #26324d;--text: #e6ecf5;--muted: #93a1bd;--accent: #2563eb;--allow: #16a34a;--deny: #dc2626;--warn: #d97706}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.splash,.center-card{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center}.center-card h1{margin:0;font-size:22px}.muted{color:var(--muted);max-width:30rem}.error-text{color:#fca5a5}code{background:var(--panel-2);padding:1px 5px;border-radius:4px}.app{height:100%;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.statusbar{display:flex;align-items:center;gap:8px;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));background:var(--panel);border-bottom:1px solid var(--border)}.brand{font-weight:600}.spacer{flex:1}.pill{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--panel-2);color:var(--muted)}.pill-running{color:#bfdbfe}.pill-awaiting_approval{color:#fed7aa;background:#3a2a12}.pill-error{color:#fca5a5}.dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.dot-open{background:var(--allow)}.dot-connecting{background:var(--warn)}.dot-closed{background:var(--deny)}.transcript{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.empty{color:var(--muted);margin:auto}.msg{border-radius:10px;padding:9px 11px;white-space:pre-wrap;word-break:break-word}.msg.assistant{background:var(--panel);border:1px solid var(--border)}.msg.system,.msg.result{align-self:center;color:var(--muted);font-size:12px;background:transparent;padding:2px}.msg.tool-use{background:#10203a;border:1px solid var(--border)}.tool-name{color:#93c5fd;font-weight:600;margin-bottom:4px}.tool-input,.approval-input{margin:0;font-size:12px;color:var(--muted);overflow-x:auto}.msg.tool-result{background:var(--panel-2);font-size:13px}.msg.tool-result pre{margin:0;white-space:pre-wrap}.msg.tool-result.err{border-left:3px solid var(--deny)}.approvals{display:flex;flex-direction:column;gap:8px;padding:8px 12px;background:#17120a;border-top:1px solid var(--warn)}.approval{background:var(--panel);border:1px solid var(--warn);border-radius:10px;padding:10px}.approval-head{margin-bottom:6px}.approval-reason{color:var(--muted);font-size:12px;margin-bottom:6px}.approval-input{max-height:30vh;overflow:auto;background:var(--bg);padding:8px;border-radius:6px}.approval-deny-reason{width:100%;margin:8px 0;padding:8px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.approval-actions{display:flex;gap:8px;justify-content:flex-end}.composer{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--border);background:var(--panel)}.composer-input{flex:1;resize:none;max-height:40vh;padding:10px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit}button{cursor:pointer;font:inherit}.btn-primary,.btn-send{background:var(--accent);color:#fff;border:none;padding:11px 16px;border-radius:10px;font-weight:600}.btn-primary:disabled{opacity:.6}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border);padding:5px 10px;border-radius:8px}.btn-ghost.mode-auto{color:#0b1220;background:var(--warn);border-color:var(--warn);font-weight:600}.btn-allow{background:var(--allow);color:#fff;border:none;padding:9px 16px;border-radius:8px;font-weight:600}.btn-deny{background:transparent;color:#fca5a5;border:1px solid var(--deny);padding:9px 16px;border-radius:8px}.toast{position:fixed;left:50%;bottom:calc(76px + env(safe-area-inset-bottom));transform:translate(-50%);background:#2b1414;color:#fecaca;border:1px solid var(--deny);padding:8px 14px;border-radius:10px;max-width:90%}