:root{--bg: #0f1418;--panel: #161d23;--border: #262f37;--text: #dbe4ea;--text-dim: #6b7a85;--accent-user: #4fb0a8;--accent-agent: #d98f4f;--accent-status: #6b7a85;--mono: "IBM Plex Mono", "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--mono);font-size:14px}.app{display:flex;flex-direction:column;height:100vh;max-width:720px;margin:0 auto;border-left:1px solid var(--border);border-right:1px solid var(--border)}.app__header{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--border);letter-spacing:.04em}.app__dot{width:7px;height:7px;border-radius:50%;background:var(--accent-agent);box-shadow:0 0 0 3px #d98f4f26}.app__title{color:var(--text-dim);text-transform:uppercase;font-size:11px}.app__log{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:14px}.app__empty{color:var(--text-dim);font-size:13px;padding-top:40px;text-align:center}.msg{display:flex;flex-direction:column;gap:3px;max-width:85%}.msg--user{align-self:flex-end;align-items:flex-end}.msg--agent{align-self:flex-start}.msg__role{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.msg--user .msg__role{color:var(--accent-user)}.msg--agent .msg__role{color:var(--accent-agent)}.msg__text{white-space:pre-wrap;line-height:1.5;padding:8px 12px;border-radius:3px;background:var(--panel);border:1px solid var(--border)}.msg--user .msg__text{border-color:#4fb0a859}.msg--agent .msg__text{border-color:#d98f4f4d}.app__composer{display:flex;gap:10px;padding:14px 18px;border-top:1px solid var(--border)}textarea{flex:1;resize:none;background:var(--panel);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:13px;padding:10px 12px;border-radius:3px}textarea:focus{outline:2px solid var(--accent-user);outline-offset:1px}button{background:var(--accent-agent);color:#1a1206;border:none;border-radius:3px;padding:0 18px;font-family:var(--mono);font-size:13px;font-weight:600;cursor:pointer}button:disabled{background:var(--border);color:var(--text-dim);cursor:not-allowed}@media (prefers-reduced-motion: reduce){*{transition:none!important}}