@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Barlow+Condensed:wght@500;600&display=swap";:root{--bg: #030303;--bg-soft: #070707;--panel: rgba(0, 0, 0, .84);--panel-2: rgba(6, 6, 6, .88);--line: rgba(255, 255, 255, .11);--line-soft: rgba(255, 255, 255, .06);--ink: #f1e9e0;--muted: #7d786f;--accent: #d08e82;--accent-strong: #b85f56;--listen: #8fc7ff;--listen-strong: #b6dcff;--good: #ece4d5;--warning: #d86a63;--shadow: 0 0 0 1px rgba(255, 255, 255, .04), 0 18px 36px rgba(0, 0, 0, .38)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--bg);color:var(--ink);font-family:IBM Plex Mono,monospace}button,input,select{font:inherit}button{cursor:pointer}.shell,.login-shell{min-height:100svh;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.05),transparent 22%),linear-gradient(180deg,#020202,#050505)}.shell{display:grid;grid-template-rows:64px minmax(0,1fr) 46px}.shell:before,.login-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px;opacity:.22;-webkit-mask-image:radial-gradient(circle at center,#000 0%,transparent 78%);mask-image:radial-gradient(circle at center,#000 0%,transparent 78%)}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.08;background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(255,255,255,.09) 5px 6px)}.topbar{position:relative;z-index:4;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 30px;border-bottom:1px solid var(--line);background:#040404f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-lockup{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{color:var(--accent);font-size:18px}.brand-title{font:600 24px Barlow Condensed,sans-serif;letter-spacing:.28em}.brand-subtitle{margin-top:2px;color:var(--muted);font:500 11px IBM Plex Mono,monospace;letter-spacing:.35em;text-transform:uppercase}.overview-chip{padding:8px 18px;border:1px solid rgba(208,142,130,.75);background:#3d13123d;color:var(--accent);font:700 11px IBM Plex Mono,monospace;letter-spacing:.2em;text-transform:uppercase}.clock-stack{display:grid;justify-items:end;gap:2px;text-align:right}.clock-stack strong{font:500 16px IBM Plex Mono,monospace;letter-spacing:.12em}.clock-stack span{color:var(--muted);font:600 10px IBM Plex Mono,monospace;letter-spacing:.24em}.dashboard{position:relative;z-index:1;display:grid;grid-template-columns:290px minmax(0,1fr) 290px;gap:18px;padding:18px 24px;align-items:stretch;min-height:0;height:100%}.panel{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--panel-2));box-shadow:var(--shadow)}.panel:before,.panel:after{content:"";position:absolute;width:10px;height:10px;border-color:#ffffff6b;border-style:solid}.panel:before{left:0;top:0;border-width:1px 0 0 1px}.panel:after{right:0;bottom:0;border-width:0 1px 1px 0}.eyebrow{margin:0;color:#9c8f86;font:600 11px Barlow Condensed,sans-serif;letter-spacing:.26em;text-transform:uppercase}.status-rail{padding:14px 16px;min-height:0;height:fit-content}.status-rail,.blueprint-rail{display:flex;flex-direction:column;min-height:0}.rail-filler,.blueprint-spacer{flex:1}.status-list{display:grid;gap:12px;margin-top:14px}.status-row{display:grid;gap:6px}.status-row-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;color:var(--ink);font:500 12px IBM Plex Mono,monospace;letter-spacing:.1em}.status-row-head strong{color:var(--good);font-weight:700}.status-bar{height:3px;background:#ffffff1c;overflow:hidden}.status-bar i{display:block;height:100%;background:linear-gradient(90deg,#ffffffe6,#d08e82eb)}.mission-stack{min-width:0;display:grid;grid-template-rows:minmax(0,1fr) 58px 92px;gap:10px;min-height:0;height:100%}.perimeter{min-height:0;padding:14px 18px 10px;overflow:hidden}.panel-head,.response-head,.blueprint-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.active-tag,.class-tag,.state{font:700 10px IBM Plex Mono,monospace;letter-spacing:.2em;text-transform:uppercase}.active-tag{padding:4px 10px;border:1px solid rgba(208,142,130,.55);color:var(--accent)}.active-tag.error{color:var(--warning);border-color:#d86a638c}.active-tag.ok{color:var(--accent)}.perimeter .sphere-wrap{width:min(30vh,260px);height:min(30vh,260px);margin:28px auto 10px;position:relative}.sphere-canvas{display:block;width:100%;height:100%}.panel-foot{display:flex;justify-content:space-between;gap:18px;margin-top:10px;color:#ffffff80;font:700 10px IBM Plex Mono,monospace;letter-spacing:.16em;text-transform:uppercase}.voice-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:0;padding:9px 16px}.voice-uplink{display:flex;align-items:center;gap:10px;min-width:0}.voice-mode-control{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.voice-mode-select{height:22px;min-width:86px;border:1px solid rgba(255,255,255,.16);background:#000000b8;color:var(--ink);padding:0 18px 0 7px;font:700 9px IBM Plex Mono,monospace;letter-spacing:.12em;text-transform:uppercase;outline:none}.voice-mode-select:focus{border-color:#8fc7ff9e}.voice-copy{display:grid;gap:6px;min-width:0}.voice-wave{display:flex;align-items:end;gap:3px;min-height:20px}.voice-wave i{width:3px;background:#f1e9e0e0;animation:pulseBar 1.1s infinite ease-in-out;transform-origin:bottom}.voice-state{color:#f1e9e0b8;font:700 11px IBM Plex Mono,monospace;letter-spacing:.22em;text-transform:uppercase}.voice-state.armed{color:var(--accent)}.voice-state.listening{color:var(--listen-strong)}.voice-state.mute,.voice-state.muted{color:#f1e9e07a}.voice-listening-mode .voice-mode-select,.voice-listening .voice-mode-select{border-color:#8fc7ff75;color:var(--listen-strong)}.voice-live .voice-mode-select{border-color:#d08e827a;color:var(--accent)}.voice-listening .active-tag,.voice-listening .voice-state,.voice-listening .brand-mark{color:var(--listen-strong);border-color:#8fc7ff9e}.voice-listening .voice-wave i{background:var(--listen-strong);box-shadow:0 0 10px #8fc7ff52}.response-panel{padding:9px 16px;min-height:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) 34px;gap:5px}.response-text{margin:0;line-height:1.35;font-size:12px;color:var(--ink);overflow:auto;max-height:36px;padding-right:4px}.response-line{display:flex;align-items:flex-start;gap:6px;min-height:0;overflow:hidden}.response-cursor{color:var(--warning);animation:cursorBlink 1s steps(1,end) infinite}.state{padding:4px 10px;color:var(--accent);border:1px solid rgba(208,142,130,.35)}.state.running,.state.planning,.state.speaking{color:var(--accent)}.state.done{color:#ffffffad}.state.error{color:var(--warning);border-color:#d86a6373}.command-row{display:grid;grid-template-columns:48px minmax(0,1fr) 96px;gap:7px;align-items:stretch}.command-row input,.model-panel select,.login input{min-width:0;background:#000000a6;border:1px solid rgba(255,255,255,.14);color:var(--ink);outline:none}.command-row input{padding:0 10px;min-height:30px}.command-row input::placeholder,.login input::placeholder{color:#7f7369}.voice,.send,.login button{border:1px solid rgba(255,255,255,.16);background:#ffffff08;color:var(--ink);letter-spacing:.12em;text-transform:uppercase;min-height:30px}.voice{font:700 13px IBM Plex Mono,monospace}.voice.armed,.voice.listening{border-color:#d08e828c;color:var(--accent)}.voice.listening,.voice-listening .voice{border-color:#8fc7ff9e;color:var(--listen-strong)}.voice.muted{color:#f1e9e094}.voice.error{border-color:#d86a638c;color:var(--warning)}.send{font:700 11px IBM Plex Mono,monospace}.send:disabled{opacity:.38;cursor:not-allowed}.blueprint{min-height:0;padding:14px 14px 12px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;height:230px}.class-tag{color:var(--accent)}.blueprint-body{position:relative;min-height:0;border:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at center,rgba(208,142,130,.06),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 26%,transparent 74%,rgba(255,255,255,.02));overflow:hidden;display:flex;align-items:center;justify-content:center}.blueprint-svg{width:120px;height:120px}.blueprint-line{position:absolute;top:18%;bottom:14%;left:50%;width:1px;transform:translate(-50%);background:linear-gradient(180deg,transparent,rgba(255,255,255,.48),transparent)}.blueprint-dot{position:absolute;left:50%;width:4px;height:4px;transform:translate(-50%);border-radius:50%;background:#fff6}.blueprint-dot:nth-child(2){top:20%}.blueprint-dot:nth-child(3){top:52%}.blueprint-dot:nth-child(4){top:78%}.blueprint-label{justify-self:center;color:var(--ink);font:700 18px IBM Plex Mono,monospace;letter-spacing:.25em}.footer-bar{display:flex;justify-content:space-between;gap:14px;padding:0 22px 16px;color:#ffffff5c;font:700 10px IBM Plex Mono,monospace;letter-spacing:.24em;text-transform:uppercase}.login-shell{display:grid;place-items:center;padding:20px}.login{width:min(100%,420px);padding:28px 24px;text-align:center;display:grid;gap:14px}.login h1{margin:0;font:700 clamp(38px,7vw,64px) / 1 "IBM Plex Mono",monospace;letter-spacing:.22em}.login p,.login small{margin:0;color:var(--muted)}.login input,.login button{width:100%;padding:14px 16px}.login button{font:700 12px IBM Plex Mono,monospace}.login-error{color:var(--warning)}.voice-live:not(.voice-listening) .brand-mark,.voice-live:not(.voice-listening) .active-tag,.voice-live:not(.voice-listening) .voice-state.armed{color:var(--accent-strong)}@keyframes pulseBar{0%,to{transform:scaleY(.45);opacity:.45}50%{transform:scaleY(1);opacity:1}}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}@media(max-width:1200px){.dashboard{grid-template-columns:236px minmax(0,1fr);grid-template-areas:"status mission" "blueprint blueprint"}.status-rail{grid-area:status}.mission-stack{grid-area:mission}.blueprint{grid-area:blueprint;min-height:360px}.blueprint-body{min-height:240px}}@media(max-width:860px){.topbar{grid-template-columns:1fr;justify-items:start;padding:14px 16px;gap:10px}.clock-stack{justify-items:start;text-align:left}.dashboard{display:flex;flex-direction:column;gap:12px;padding:12px}.perimeter,.blueprint{min-height:auto}.perimeter .sphere-wrap{width:min(100%,280px);margin:44px auto 28px}.panel-foot,.footer-bar{flex-direction:column;align-items:flex-start;gap:6px;letter-spacing:.18em}.blueprint-body{min-height:180px}.command-row{grid-template-columns:1fr 1fr;grid-template-areas:"input input" "voice send"}.command-row input{grid-area:input}.voice{grid-area:voice;min-height:46px}.send{grid-area:send;min-height:46px}}@media(max-width:520px){.brand-title{font-size:26px}.brand-subtitle{letter-spacing:.24em}.perimeter,.voice-strip,.response-panel,.status-rail,.blueprint{padding-left:12px;padding-right:12px}.perimeter .sphere-wrap{width:min(100%,240px);margin-top:36px}.response-text{font-size:14px}.blueprint-label{font-size:16px}.command-row{grid-template-columns:1fr;grid-template-areas:"input" "voice" "send"}.voice,.send,.command-row input{width:100%}}.os-topbar{display:grid;grid-template-columns:minmax(230px,1fr) auto minmax(180px,1fr)}.section-tabs{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px;border:1px solid var(--line);background:#ffffff06}.section-tabs button{min-width:118px;padding:9px 16px;border:1px solid transparent;background:transparent;color:#f1e9e085;font:700 11px IBM Plex Mono,monospace;letter-spacing:.24em;text-transform:uppercase}.section-tabs button.active{color:var(--ink);border-color:#d08e829e;background:linear-gradient(180deg,#812d2647,#ffffff05);box-shadow:inset 0 0 18px #d08e8214}.section-tabs button:hover{color:var(--accent)}.os-screen{position:relative;z-index:1;min-height:0;height:100%;padding:18px 24px;overflow:auto}.screen-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.screen-head h1{margin:4px 0 5px;font:600 clamp(24px,4vw,44px)/.95 "Barlow Condensed",sans-serif;letter-spacing:.14em;text-transform:uppercase}.screen-head span{color:var(--muted);font-size:12px;letter-spacing:.08em}.refresh-button,.capacity-copy button{border:1px solid rgba(208,142,130,.45);background:#3d13122e;color:var(--accent);padding:10px 14px;font:700 10px IBM Plex Mono,monospace;letter-spacing:.18em;text-transform:uppercase}.alert-line{margin-bottom:14px;padding:10px 12px;border:1px solid rgba(216,106,99,.45);color:var(--warning);background:#d86a6314;font:700 11px IBM Plex Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.cadence-grid{display:grid;grid-template-columns:minmax(0,1.25fr) 330px minmax(300px,.75fr);grid-auto-rows:minmax(190px,auto);gap:14px}.cadence-primary{grid-column:span 2;padding:16px}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin-top:16px}.metric-card{min-height:132px;display:grid;gap:8px;align-content:end;padding:12px;border:1px solid var(--line-soft);background:radial-gradient(circle at 50% 0%,rgba(208,142,130,.1),transparent 42%),#ffffff06}.metric-card span{color:#9c8f86;font:700 10px IBM Plex Mono,monospace;letter-spacing:.16em;text-transform:uppercase}.metric-card strong{font:600 28px Barlow Condensed,sans-serif;letter-spacing:.08em;color:var(--ink)}.metric-card small{color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.capacity-panel{padding:16px;display:grid;grid-template-rows:auto 1fr auto;gap:14px}.capacity-orb{width:164px;height:164px;justify-self:center;align-self:center;border:1px solid rgba(208,142,130,.42);border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,rgba(208,142,130,.16),rgba(0,0,0,.12) 55%,transparent 56%),conic-gradient(from 140deg,#d08e82b3,#ffffff14,#d08e827a);box-shadow:0 0 42px #d08e8214}.capacity-orb span{display:block;font:600 52px Barlow Condensed,sans-serif;letter-spacing:.08em}.capacity-orb small{display:block;width:90px;color:var(--muted);font:700 9px IBM Plex Mono,monospace;letter-spacing:.14em}.capacity-copy{display:grid;gap:10px}.capacity-copy p{margin:0;color:#f1e9e0ad;font-size:11px;line-height:1.5}.list-panel{padding:14px;min-height:0}.record-list{display:grid;gap:8px;margin-top:12px;max-height:390px;overflow:auto;padding-right:4px}.record-list article{display:grid;gap:3px;padding:10px;border:1px solid rgba(255,255,255,.07);background:#ffffff06}.record-list article strong{color:var(--ink);font:700 11px IBM Plex Mono,monospace;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-list article span{color:var(--muted);font-size:10px;letter-spacing:.06em}.task-list article{border-left:2px solid rgba(208,142,130,.44)}.proposals-panel{grid-column:span 2}.lab-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr) minmax(300px,.8fr);gap:14px;min-height:68vh}.graph-panel{padding:16px;min-height:560px}.agent-graph{position:relative;height:calc(100% - 42px);min-height:500px;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at center,rgba(143,199,255,.08),transparent 30%),radial-gradient(circle at 50% 50%,rgba(208,142,130,.08),transparent 58%);overflow:hidden}.agent-graph:before,.agent-graph:after{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border:1px dashed rgba(255,255,255,.1);border-radius:50%}.agent-graph:after{top:25%;right:25%;bottom:25%;left:25%;border-color:#d08e822e}.graph-core{position:absolute;left:50%;top:50%;width:122px;height:122px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;border:1px solid rgba(208,142,130,.62);color:var(--accent);background:#000000b8;font:700 13px IBM Plex Mono,monospace;letter-spacing:.22em;box-shadow:0 0 60px #d08e821f;z-index:3}.agent-node{position:absolute;width:116px;padding:10px;border:1px solid rgba(143,199,255,.28);background:#000000ad;display:grid;gap:4px;text-align:center;z-index:2}.agent-node b{color:var(--listen-strong);font:700 16px Barlow Condensed,sans-serif;letter-spacing:.14em}.agent-node span{color:#f1e9e0c2;font:700 9px IBM Plex Mono,monospace;letter-spacing:.12em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis}.node-0{left:50%;top:8%;transform:translate(-50%)}.node-1{right:12%;top:22%}.node-2{right:16%;bottom:18%}.node-3{left:16%;bottom:18%}.node-4{left:12%;top:22%}.node-5{left:50%;bottom:8%;transform:translate(-50%)}.node-6{right:4%;top:50%;transform:translateY(-50%)}.command-dashboard{min-height:0}@media(max-width:1250px){.cadence-grid,.lab-grid{grid-template-columns:1fr 1fr}.cadence-primary,.proposals-panel,.graph-panel{grid-column:1 / -1}.metric-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}}@media(max-width:860px){.os-topbar{display:flex;flex-wrap:wrap}.section-tabs{order:3;width:100%}.section-tabs button{flex:1;min-width:0}.cadence-grid,.lab-grid,.metric-grid{grid-template-columns:1fr}.screen-head{flex-direction:column}.graph-panel{min-height:430px}.agent-graph{min-height:360px}}