:root{color:#f4f4f5;background:#08090a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 18% 0%,rgba(94,106,210,.13),transparent 28rem),linear-gradient(180deg,#0f1011,#08090a 55%)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.ops-shell{display:grid;grid-template-rows:64px minmax(0,1fr);min-height:100vh;color:#f4f4f5}.global-header{display:grid;grid-template-columns:276px minmax(460px,1fr) auto;align-items:center;gap:18px;border-bottom:1px solid rgba(255,255,255,.08);background:#0f1011db;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:0 18px}.brand-lockup,.mode-controls,.date-filter,.agent-list button,.api-key,.send-row,.task-card div,.task-card footer,.loop-card-top,.loop-detail-meta,.timeline-event,.section-kicker{display:flex;align-items:center}.brand-lockup{gap:11px;min-width:0}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(113,112,255,.45);border-radius:8px;background:#5e6ad229;color:#d9dcff;font-size:12px;font-weight:800}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{font-size:14px;line-height:1.2}.brand-lockup span,.section-kicker,.agent-copy small,.mode-pill,.date-filter input,.ghost-button,.loop-board-header p,.loop-board-stats span,.loop-card p,.loop-card footer,.loop-empty,.task-summary-strip,.source-stream header span,.filter-tabs button,.task-card footer,.task-card div span,.think-objective span,.think-section h4,.timeline-event span,.timeline-event time,.timeline-empty,.loop-detail-drawer.idle p{color:#8b8f98}.header-metrics{display:grid;grid-template-columns:repeat(5,minmax(82px,1fr));gap:8px;margin:0}.header-metrics div{min-width:0;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#ffffff08;padding:7px 9px}.header-metrics dt{overflow:hidden;margin:0;color:#737780;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.header-metrics dd{margin:2px 0 0;color:#f5f5f6;font-size:16px;font-weight:760}.mode-controls{justify-content:flex-end;gap:8px}.mode-pill{border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff0a;padding:7px 10px;font-size:12px;font-weight:700}.mode-pill.realtime{border-color:#22c55e4d;color:#86efac;background:#22c55e1a}.date-filter,.api-key,.send-row{gap:8px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0b;padding:0 10px}.date-filter{height:34px}.date-filter input,.api-key input,.send-row input{min-width:0;width:100%;border:0;outline:0;color:#f4f4f5;background:transparent}.date-filter input{width:128px;color-scheme:dark;font-size:12px}.ghost-button{height:34px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0a;padding:0 10px}.ops-grid{display:grid;grid-template-columns:286px minmax(0,1fr) 362px;min-height:0}.control-rail,.loop-detail-drawer{min-height:0;border-color:#ffffff14;background:#0f1011c2}.control-rail{display:flex;flex-direction:column;gap:16px;overflow:auto;border-right:1px solid rgba(255,255,255,.08);padding:16px}.rail-section,.command-panel,.source-stream,.loop-column,.loop-card,.think-panel,.loop-timeline{border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#191a1bad}.rail-section,.command-panel,.source-stream{padding:12px}.section-kicker{gap:7px;margin-bottom:11px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.agent-list{display:grid;gap:7px}.agent-list button{gap:10px;width:100%;min-height:58px;border:1px solid transparent;border-radius:8px;color:#f4f4f5;background:#ffffff06;padding:8px 10px;text-align:left;transition:border-color .16s ease,background .16s ease,transform .16s ease}.agent-list button:hover,.agent-list button.active{border-color:#7170ff70;background:#5e6ad21f;transform:translateY(-1px)}.status-dot{width:8px;height:8px;flex:0 0 auto;border-radius:999px;background:#8b8f98;box-shadow:0 0 0 3px #8b8f981f}.status-dot.running,.agent-avatar.running:after{background:#22c55e}.status-dot.idle,.agent-avatar.idle:after{background:#eab308}.status-dot.sleeping,.agent-avatar.sleeping:after{background:#64748b}.status-dot.error,.agent-avatar.error:after{background:#ef4444}.agent-avatar{position:relative;display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff12;color:#f4f4f5;font-size:11px;font-weight:850}.agent-avatar:after{position:absolute;right:-1px;bottom:-1px;width:8px;height:8px;border:2px solid #191a1b;border-radius:999px;content:""}.agent-copy{display:grid;min-width:0;gap:2px;flex:1}.agent-copy strong,.task-card strong,.loop-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-copy strong{font-size:13px}.agent-copy small{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.agent-list em{flex:0 0 auto;border-radius:999px;color:#d7d9ff;background:#7170ff24;padding:4px 7px;font-size:11px;font-style:normal;font-weight:800}.command-panel{display:flex;flex-direction:column;gap:10px;margin-top:auto}.api-key{min-height:38px}.chat-feed{display:flex;max-height:178px;min-height:96px;flex-direction:column;gap:8px;overflow:auto}.chat-message{border:1px solid rgba(255,255,255,.06);border-radius:8px;color:#d7d9de;background:#ffffff0a;line-height:1.48;padding:9px 10px;font-size:12px}.chat-message.user{margin-left:24px;border-color:#7170ff3d;background:#5e6ad229}.chat-message.assistant{margin-right:24px;background:#ffffff0e}.send-row{min-height:40px;padding-right:4px}.send-row button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:8px;color:#fff;background:#5e6ad2}.board-stage{min-width:0;min-height:0;overflow:auto;padding:22px 18px 18px}.board-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.board-title-row h1,.loop-board-header h2,.source-stream h2,.loop-detail-drawer h2,.think-panel h3,.loop-timeline h3{margin:0;letter-spacing:0}.board-title-row h1{font-size:26px;line-height:1.1}.board-title-row p{margin:7px 0 0;color:#a4a7b0;font-size:13px}.task-summary-strip{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;font-size:12px}.task-summary-strip span{border:1px solid rgba(255,255,255,.07);border-radius:999px;background:#ffffff09;padding:6px 9px}.task-summary-strip strong{color:#f4f4f5}.loop-board{min-width:0}.loop-board-header{display:none}.loop-columns{display:grid;grid-template-columns:repeat(8,minmax(188px,1fr));gap:10px;min-height:480px}.loop-column{display:flex;min-width:0;min-height:480px;flex-direction:column;overflow:hidden}.loop-column>header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:45px;border-bottom:1px solid rgba(255,255,255,.07);padding:0 10px}.loop-column>header:before{position:absolute;top:0;left:10px;right:10px;height:2px;border-radius:999px;background:linear-gradient(90deg,#5e6ad2,#7170ff29);content:""}.loop-column.think>header:before,.loop-column.plan>header:before{background:linear-gradient(90deg,#7170ff,#7170ff29)}.loop-column.act>header:before,.loop-column.observe>header:before{background:linear-gradient(90deg,#22d3ee,#22d3ee1f)}.loop-column.review>header:before{background:linear-gradient(90deg,#f59e0b,#f59e0b1f)}.loop-column.done>header:before{background:linear-gradient(90deg,#22c55e,#22c55e1f)}.loop-column.blocked>header:before{background:linear-gradient(90deg,#ef4444,#ef44441f)}.loop-column h3{margin:0;font-size:13px}.loop-column>header span{display:grid;place-items:center;min-width:24px;height:22px;border-radius:999px;color:#c6c8ff;background:#5e6ad229;font-size:11px;font-weight:800}.loop-column-cards{display:flex;min-height:0;flex:1;flex-direction:column;gap:9px;overflow:auto;padding:10px}.loop-empty{display:grid;min-height:72px;place-items:center;border:1px dashed rgba(255,255,255,.08);border-radius:8px;font-size:12px}.loop-card{width:100%;min-height:142px;border-color:#ffffff13;color:#f4f4f5;padding:10px;text-align:left;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.loop-card:hover,.loop-card.selected{border-color:#7170ff85;background:#5e6ad221;box-shadow:0 14px 34px #0003;transform:translateY(-2px)}.loop-card-top{justify-content:space-between;gap:8px;margin-bottom:9px;color:#9da2ff;font-size:11px;font-weight:800;text-transform:uppercase}.loop-card strong{display:block;font-size:13px;line-height:1.35}.loop-card p{display:-webkit-box;min-height:36px;overflow:hidden;margin:8px 0 10px;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12px;line-height:1.5}.loop-card-meta{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px}.loop-card-meta span{border:1px solid rgba(255,255,255,.07);border-radius:999px;color:#cfd1d8;background:#ffffff0a;padding:3px 7px;font-size:10px;font-weight:800;text-transform:uppercase}.loop-card-meta span.engineering-route{border-color:#2a9d8f3d;color:#99f6e4;background:#14b8a614}.loop-progress{height:5px;overflow:hidden;border-radius:999px;background:#ffffff12}.loop-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5e6ad2,#7170ff)}.loop-card footer{justify-content:space-between;gap:8px;margin-top:10px;font-size:11px}.loop-card footer span,.loop-card footer time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loop-card.blocked{border-color:#f8717138}.source-stream{margin-top:14px}.source-stream header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.source-stream header span{display:block;margin-bottom:2px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.source-stream h2{font-size:16px}.filter-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.filter-tabs button{height:30px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff09;padding:0 11px;font-size:12px}.filter-tabs button.active{border-color:#7170ff70;color:#d9dcff;background:#5e6ad229}.stream-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;max-height:210px;overflow:auto}.task-card{position:relative;display:grid;gap:7px;min-width:0;border:1px solid rgba(255,255,255,.075);border-radius:8px;color:#f4f4f5;background:#ffffff09;padding:10px 30px 10px 10px;text-align:left}.task-card:hover{border-color:#ffffff24;background:#ffffff0e}.task-card.selected{border-color:#7170ff7a;background:#5e6ad229}.task-card div,.task-card footer{gap:6px;min-width:0}.task-card strong{font-size:13px}.task-card footer{justify-content:space-between;font-size:11px}.task-card>svg{position:absolute;top:50%;right:10px;transform:translateY(-50%);color:#737780}.task-card.running div span{color:#facc15}.task-card.done div span{color:#86efac}.task-card.blocked div span{color:#f87171}.task-card.triaged div span{color:#93c5fd}.task-card.intake div span{color:#c4b5fd}.task-card.cancelled div span,.task-card.failed div span{color:#a1a1aa}.objective-chain{display:grid;gap:12px;margin-top:12px;border:1px solid rgba(113,112,255,.22);border-radius:8px;background:#12141cb8;padding:12px}.objective-chain header span{display:block;margin-bottom:3px;color:#9ca3af;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.objective-chain h3,.objective-chain p{margin:0}.objective-chain h3{font-size:15px}.objective-chain p{color:#c9ccd3;font-size:13px;line-height:1.45}.objective-chain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.objective-chain-grid span{overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:#ffffff0a;padding:8px;color:#d9dcff;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.objective-chain-list{display:grid;gap:8px}.objective-run,.objective-event{min-width:0;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:#ffffff09;padding:9px}.objective-run{display:grid;width:100%;gap:4px;color:#f4f4f5;text-align:left}.objective-run:hover{border-color:#ffffff24;background:#ffffff0e}.objective-run strong,.objective-event strong{font-size:13px}.objective-run span,.objective-event span{color:#8b8f98;font-size:11px}.objective-event{display:grid;gap:4px}.task-error{display:flex;align-items:center;gap:8px;margin-bottom:10px;border:1px solid rgba(248,113,113,.28);border-radius:8px;color:#fecaca;background:#7f1d1d38;padding:10px;font-size:12px}.loop-detail-drawer{display:flex;min-width:0;flex-direction:column;gap:12px;overflow:auto;border-left:1px solid rgba(255,255,255,.08);padding:16px}.loop-detail-drawer.idle{justify-content:center}.loop-detail-drawer>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.loop-detail-drawer>header span{display:block;margin-bottom:4px;color:#9da2ff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.loop-detail-drawer h2{font-size:18px;line-height:1.25}.loop-detail-drawer>header button{display:grid;place-items:center;width:31px;height:31px;flex:0 0 auto;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#a4a7b0;background:#ffffff0a}.loop-detail-drawer.idle h2{font-size:19px}.loop-detail-drawer.idle>span{color:#9da2ff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.loop-detail-drawer.idle p{max-width:270px;margin:8px 0 0;line-height:1.55}.loop-detail-meta{flex-wrap:wrap;gap:6px}.loop-detail-meta span{border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#cfd1d8;background:#ffffff0a;padding:5px 8px;font-size:11px}.loop-detail-error{border:1px solid rgba(248,113,113,.28);border-radius:8px;color:#fecaca;background:#7f1d1d38;padding:10px;font-size:12px}.loop-engineering-panel{border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff09;padding:12px}.engineering-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.engineering-grid span{min-width:0;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#00000024;padding:8px}.engineering-grid small{display:block;margin-bottom:5px;color:#8b8f98;font-size:10px;font-weight:800;text-transform:uppercase}.engineering-grid strong{color:#f4f4f5;font-size:12px;text-transform:uppercase}.loop-engineering-panel p{margin:10px 0 0;color:#cfd1d8;font-size:12px;line-height:1.5}.engineering-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.engineering-actions button{min-height:34px;border:1px solid rgba(255,255,255,.09);border-radius:8px;color:#f4f4f5;background:#5e6ad229;font-size:12px;font-weight:800}.engineering-actions button:disabled{cursor:not-allowed;opacity:.42}.think-panel,.loop-timeline{padding:12px}.think-panel.empty{color:#8b8f98;font-size:13px}.think-panel header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.think-panel h3,.loop-timeline h3{font-size:15px}.think-panel header span{border-radius:999px;color:#d9dcff;background:#5e6ad229;padding:4px 8px;font-size:11px;font-weight:800}.think-objective{display:grid;gap:4px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#ffffff09;padding:10px}.think-objective span,.think-section h4{margin:0;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.think-objective strong{font-size:13px;line-height:1.45}.think-section{margin-top:12px}.think-stages{display:grid;gap:10px;margin-top:12px}.think-stages>h4,.think-evidence-block>h4{margin:0;color:#8b8f98;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.think-stage-card,.think-artifact,.think-verification{border:1px solid rgba(255,255,255,.075);border-radius:8px;background:#ffffff09;padding:10px}.think-stage-card>header{display:grid;grid-template-columns:auto 1fr;gap:5px 8px;margin-bottom:8px}.think-stage-card>header span,.think-verification>span{border-radius:999px;color:#d9dcff;background:#5e6ad229;padding:3px 7px;font-size:10px;font-weight:800;text-transform:uppercase}.think-stage-card>header strong{min-width:0;font-size:13px}.think-stage-card>header time{grid-column:1 / -1;color:#8b8f98;font-size:11px}.think-stage-card p,.think-artifact p,.think-verification p,.think-verification small{margin:6px 0 0;color:#cfd1d8;font-size:12px;line-height:1.5}.think-stage-objective{color:#d9dcff!important}.think-evidence-block{display:grid;gap:8px;margin-top:12px}.think-artifact-list,.think-verification-list{display:grid;gap:8px}.think-artifact strong{display:block;font-size:12px}.think-artifact span,.think-verification small{display:block;color:#8b8f98;font-size:11px;word-break:break-word}.think-verification{display:grid;gap:6px}.think-verification code{overflow-wrap:anywhere;color:#f4f4f5;font-size:11px}.think-verification.passed>span{color:#86efac;background:#22c55e1f}.think-verification.failed>span,.think-verification.blocked>span{color:#fecaca;background:#ef44441f}.think-section ul{display:grid;gap:7px;margin:8px 0 0;padding-left:17px;color:#d7d9de;font-size:12px;line-height:1.5}.loop-timeline h3{margin-bottom:11px}.timeline-list{display:grid;gap:10px}.timeline-event{align-items:flex-start;gap:10px}.timeline-event>span{min-width:58px;border-radius:999px;color:#d9dcff;background:#5e6ad224;padding:4px 7px;font-size:11px;text-align:center}.timeline-event div{min-width:0}.timeline-event strong{display:block;font-size:13px}.timeline-event p{margin:4px 0;color:#aeb1bb;font-size:12px;line-height:1.45}.timeline-event time,.timeline-empty{font-size:11px}@media(max-width:1280px){.global-header{grid-template-columns:240px minmax(360px,1fr)}.mode-controls{grid-column:1 / -1;justify-content:flex-start;padding-bottom:10px}.ops-shell{grid-template-rows:auto minmax(0,1fr)}.ops-grid{grid-template-columns:260px minmax(0,1fr)}.loop-detail-drawer{grid-column:1 / -1;min-height:320px;border-top:1px solid rgba(255,255,255,.08);border-left:0}}@media(max-width:900px){.global-header,.ops-grid{grid-template-columns:1fr}.header-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.control-rail{max-height:none;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.board-title-row{align-items:flex-start;flex-direction:column}.loop-columns{grid-template-columns:repeat(8,minmax(172px,1fr));overflow-x:auto}}