:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#e6eaf2;background:#0b0e14;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{color:inherit;cursor:pointer}.brand{color:#8ee3c8;font-weight:800;letter-spacing:.04em;font-size:1.2rem}.muted,.empty{color:#8c95a8}.error{color:#ff9c9c;background:#3b1820;border:1px solid #63242e;padding:.65rem .8rem;border-radius:7px}.link{border:0;background:transparent;color:#8ee3c8;padding:.5rem}.primary,form button,.inline-form button{border:1px solid #4e9b84;background:#276b58;padding:.7rem 1rem;border-radius:7px;font-weight:650}button:disabled{opacity:.55;cursor:wait}input{width:100%;background:#111722;color:#edf0f5;border:1px solid #30394a;border-radius:7px;padding:.7rem .8rem}.auth-shell,.splash{min-height:100vh;display:grid;place-items:center}.auth-card{width:min(420px,calc(100vw - 2rem));border:1px solid #293142;background:#111620;padding:2rem;border-radius:12px}.auth-card h1{margin-bottom:.3rem}.auth-card form{display:grid;gap:1rem;margin-top:1.5rem}.auth-card label{display:grid;gap:.4rem;color:#b8c0ce}.auth-card .link{width:100%;margin-top:.8rem}.topbar{height:58px;border-bottom:1px solid #242b39;display:flex;align-items:center;justify-content:space-between;padding:0 1.2rem;background:#0e121a}.topbar>div:last-child{display:flex;gap:.8rem;align-items:center;color:#9da6b7;font-size:.9rem}.workspace{height:calc(100vh - 58px);display:grid;grid-template-columns:310px minmax(0,1fr)}aside{overflow-y:auto;border-right:1px solid #242b39;background:#0e121a}.panel{border-bottom:1px solid #242b39}.panel-title{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1rem .55rem}.panel-title h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin:0;color:#aab3c2}.panel-title span{font-size:.75rem;color:#727d91}.inline-form{display:flex;gap:.4rem;padding:.4rem 1rem .8rem}.inline-form button{padding:.5rem .65rem}.machine,.project{border:0;border-top:1px solid #1c2330;background:transparent;width:100%;padding:.7rem 1rem;text-align:left}.machine{display:flex;justify-content:space-between;align-items:center}.machine small,.project small{display:block;color:#737f93;margin-top:.2rem}.machine.revoked{opacity:.55}.danger-link{color:#e58c96;border:0;background:transparent;font-size:.75rem}.token-once{margin:.2rem 1rem .8rem;padding:.7rem;border:1px solid #63572a;background:#2b2614;border-radius:7px;font-size:.78rem}.token-once code{display:block;overflow-wrap:anywhere;margin:.5rem 0;color:#f3dc82}.token-once button{background:transparent;border:1px solid #625b41;border-radius:5px}.project{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:.5rem}.project:hover,.project.selected,.session-row:hover,.session-row.selected{background:#18202c}.project.selected{box-shadow:inset 3px 0 #63caae}.source{display:inline-block;border-radius:4px;padding:.13rem .35rem;text-transform:uppercase;font-size:.62rem;font-weight:800;letter-spacing:.04em}.source.claude{color:#ffc18f;background:#422a1b}.source.codex{color:#8ee3c8;background:#17372f}.project-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.project time{position:absolute;right:1rem;bottom:.65rem;color:#687386;font-size:.68rem}.empty{padding:1rem;font-size:.85rem}.session-workspace{min-width:0;display:grid;grid-template-columns:290px minmax(0,1fr)}.sessions-panel{overflow-y:auto;border-right:1px solid #242b39}.session-row{border:0;border-top:1px solid #1c2330;background:transparent;width:100%;display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:.25rem .4rem;padding:.75rem .8rem;text-align:left}.live-dot{width:7px;height:7px;border-radius:50%;background:#4a5362;margin-top:.35rem}.live-dot.on{background:#5de1a8;box-shadow:0 0 7px #5de1a8}.session-id{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,monospace;font-size:.78rem}.session-row small{grid-column:2;color:#747f92}.status{font-size:.65rem;text-transform:uppercase;color:#778397}.transcript{min-width:0;display:flex;flex-direction:column;background:#0b0e14}.empty-transcript{display:grid;place-items:center;color:#778397}.transcript-header{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #242b39;padding:.65rem 1rem}.transcript-header>div{min-width:0;display:flex;align-items:center;gap:.6rem}.transcript-header strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,monospace;font-size:.85rem}.live-indicator{color:#788398;font-size:.75rem;white-space:nowrap}.live-indicator i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#626d80;margin-right:.4rem}.live-indicator.live{color:#70dcb0}.live-indicator.live i{background:#5de1a8;box-shadow:0 0 7px #5de1a8}.thread{overflow-y:auto;padding:1rem max(1rem,5vw) 4rem}.thread-item{max-width:900px;margin:0 auto .75rem;border:1px solid #293142;border-radius:8px;background:#111620;overflow:hidden}.thread-item pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:.8rem 1rem;font:.82rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.thread-item.message{padding:.75rem 1rem}.thread-item.message header{color:#7d899d;font-size:.7rem;text-transform:uppercase;margin-bottom:.35rem}.thread-item.message pre{padding:0;font-family:inherit;font-size:.92rem}.thread-item.role-user{background:#17232a;border-color:#27434a}.thread-item summary{padding:.55rem .8rem;cursor:pointer;color:#adb6c6;font-size:.78rem}.thread-item.thinking{border-style:dashed;opacity:.85}.thread-item.tool{border-color:#3a4b67}.thread-item.tool-result{margin-top:-.5rem;border-color:#303948}.thread-item.failed{border-color:#71313c}.thread-item.raw{border-color:#5c4e2d}.thread-item.summary{border-color:#594b79}.thread-item.event,.thread-item.metadata{opacity:.72}.codex-transcript .thread{background:#090c11}.codex-transcript .thread-item{border-radius:3px;background:#0d1219}.codex-transcript .terminal pre{color:#cfdae8;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}@media(max-width:1000px){.workspace{grid-template-columns:240px minmax(0,1fr)}.session-workspace{grid-template-columns:220px minmax(0,1fr)}}@media(max-width:720px){.workspace{height:auto;display:block}aside{max-height:45vh;border-right:0}.session-workspace{height:calc(100vh - 58px);grid-template-columns:155px minmax(0,1fr)}.thread{padding:.7rem}.topbar>div:last-child>span{display:none}}
