:root{color-scheme:dark;--bg: #0f172a;--bg-elevated: #1e293b;--text: #e2e8f0;--text-dim: #94a3b8;--accent: #38bdf8;--danger: #f87171;--border: #334155}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-shell{display:flex;flex-direction:column;height:100dvh}.app-content{flex:1;overflow-y:auto;padding:1rem 1rem 4.5rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--bg-elevated);border-top:1px solid var(--border);padding:.5rem 0 max(.5rem,env(safe-area-inset-bottom))}.bottom-nav a{color:var(--text-dim);text-decoration:none;font-size:.85rem;padding:.5rem .75rem}.bottom-nav a.active{color:var(--accent)}.screen{max-width:640px;margin:0 auto}.screen header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}button{background:var(--accent);color:#0f172a;border:none;border-radius:.5rem;padding:.5rem 1rem;font-weight:600}input{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);border-radius:.5rem;padding:.5rem;width:100%}.login-screen{display:flex;flex-direction:column;justify-content:center;height:100%;padding:1rem}.login-screen form{display:flex;flex-direction:column;gap:.75rem}.login-screen label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--text-dim)}.error{color:var(--danger)}.chat-list ul,.approvals ul,.workers ul,.workflows ul{list-style:none;padding:0;margin:0}.chat-list li{display:flex;gap:.5rem;align-items:center;padding:.75rem;border-bottom:1px solid var(--border)}.chat-list .title{flex:1}.chat-list .mode{font-size:.75rem;color:var(--text-dim)}.chat-view .messages{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.msg{padding:.5rem .75rem;border-radius:.75rem;max-width:85%;white-space:pre-wrap}.msg-user{align-self:flex-end;background:var(--accent);color:#0f172a}.msg-assistant{align-self:flex-start;background:var(--bg-elevated)}.composer{display:flex;gap:.5rem;position:sticky;bottom:4rem;background:var(--bg);padding:.5rem 0}.composer input{flex:1}.run-status{margin-bottom:1rem}.task-tree{list-style:none;padding-left:1rem;font-size:.85rem;color:var(--text-dim)}.approvals li{border:1px solid var(--border);border-radius:.75rem;padding:.75rem;margin-bottom:.75rem}.approvals .actions{display:flex;gap:.5rem;margin-top:.5rem}.approvals .actions button:last-child{background:var(--danger)}.workflows li,.workers li{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border)}