:root{color-scheme:dark;--bg:#0c100e;--panel:#131917;--panel2:#18211d;--line:#29332f;--text:#eef5f1;--muted:#91a099;--accent:#85e0b0;--accent2:#274c3b;--danger:#ff8c88;--shadow:0 20px 60px #0008;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#163326 0,transparent 34%),var(--bg);color:var(--text);min-height:100vh}.hidden{display:none!important}button,input,textarea{font:inherit}button{border:0;border-radius:12px;background:var(--accent);color:#092015;font-weight:750;padding:.8rem 1rem;cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--line)}.danger{background:#3b1f20;color:var(--danger);border:1px solid #603033}.icon-button{width:34px;height:34px;padding:0;border-radius:50%;background:var(--panel2);color:var(--text);border:1px solid var(--line);font-size:1.3rem}.eyebrow{margin:0 0 .3rem;color:var(--accent);font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.muted{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.35rem,3vw,2rem);margin-bottom:0}h2{font-size:1.2rem;margin-bottom:.2rem}.app-shell{min-height:100vh;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}header{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1500px;margin:auto}.status{display:flex;gap:.45rem;align-items:center;color:var(--muted);font-size:.85rem}#live-dot{width:9px;height:9px;background:#d29362;border-radius:50%;box-shadow:0 0 0 4px #d2936220}.status.live #live-dot{background:var(--accent);box-shadow:0 0 0 4px #85e0b020}.dashboard{display:grid;grid-template-columns:290px minmax(0,1fr);gap:1rem;max-width:1500px;height:calc(100vh - 108px);margin:auto}.rail,.workspace{background:#111714e8;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.rail{padding:1rem;overflow-y:auto}.section-title{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin:.3rem .2rem .7rem}.section-title:not(:first-child){margin-top:1.6rem}.list{display:grid;gap:.5rem}.list-item{display:block;width:100%;text-align:left;background:transparent;color:var(--text);border:1px solid transparent;padding:.75rem;border-radius:12px}.list-item:hover,.list-item.active{background:var(--panel2);border-color:var(--line)}.list-item strong,.list-item small{display:block}.list-item small{color:var(--muted);margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#68756e;margin-right:.45rem}.dot.online{background:var(--accent)}.empty-state{color:var(--muted);font-size:.85rem;padding:.7rem .2rem}.workspace{display:grid;grid-template-rows:auto 1fr auto;min-width:0}.workspace-head{padding:1rem 1.2rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:1rem;align-items:center}.workspace-head p{margin-bottom:0}.actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.timeline{overflow-y:auto;padding:1.2rem;display:flex;flex-direction:column;gap:.75rem}.welcome{margin:auto;text-align:center;max-width:340px;color:var(--muted)}.welcome span{display:block;font-size:3rem;color:var(--accent);margin-bottom:1rem}.event{max-width:min(820px,92%);padding:.85rem 1rem;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.event.user{align-self:flex-end;background:var(--accent2)}.event.system{max-width:100%;background:transparent;color:var(--muted);font-size:.82rem;border-style:dashed}.event.approval{border-color:#8f7135;background:#282315}.event-head{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.event pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-family:inherit;line-height:1.5}.approval-actions{display:flex;gap:.5rem;margin-top:.8rem}.composer{display:flex;gap:.7rem;padding:1rem;border-top:1px solid var(--line);background:#0e1411}.composer textarea{resize:none;max-height:180px;flex:1;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:.85rem 1rem;outline:none}.composer textarea:focus,input:focus{border-color:var(--accent)}dialog{width:min(560px,calc(100% - 2rem));border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--text);padding:0;box-shadow:var(--shadow)}dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}dialog form{padding:1.2rem}.dialog-head{display:flex;justify-content:space-between;align-items:start}label{display:grid;gap:.4rem;color:var(--muted);font-size:.8rem;margin:1rem 0}input,dialog textarea{width:100%;background:#0c110f;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:.75rem;outline:none}.token-result{margin-top:1rem;padding:1rem;background:#0d1310;border:1px solid var(--line);border-radius:14px}.token-result p{color:var(--muted);font-size:.85rem}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-card{width:min(430px,100%);padding:2rem;background:#111714ee;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--accent);color:#092015;font-weight:900;margin-bottom:2rem}.auth-card>p:not(.eyebrow){color:var(--muted);line-height:1.5}.auth-card button{width:100%;margin-top:.5rem}.error{color:var(--danger)!important;margin:.8rem 0 0!important;min-height:1.2rem}
@media(max-width:760px){.app-shell{padding:.6rem}header{height:66px}.dashboard{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);height:calc(100vh - 80px);gap:.6rem}.rail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;gap:.35rem .7rem;border-radius:16px;padding:.6rem;max-height:154px;overflow:hidden}.rail .section-title{margin:.1rem .15rem}.rail .section-title:nth-of-type(2){grid-column:2;grid-row:1}.rail #clusters{grid-column:1;grid-row:2}.rail #sessions{grid-column:2;grid-row:2}.rail .list{display:flex;gap:.35rem;overflow-x:auto;padding:.1rem}.rail .list-item{min-width:130px;padding:.55rem}.rail .empty-state{padding:.5rem .2rem;white-space:nowrap}.workspace{height:auto;min-height:0;border-radius:16px}.workspace-head{align-items:flex-start}.actions .secondary{font-size:0;width:36px;height:36px;padding:0}.actions #new-codex::after{content:"+C";font-size:.75rem}.actions #new-claude::after{content:"+A";font-size:.75rem}.timeline{padding:.8rem}.event{max-width:96%}.composer{padding:.7rem}.composer button{padding:.75rem}.workspace-head{padding:.8rem}.workspace-head h2{max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}