@font-face{font-family:Geist;src:url('./assets/geist.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--ground:#111314;--surface:#191c1e;--raised:#24282a;--ink:#eeefec;--muted:#a3abae;--line:#303638;--control:#5d666a;--accent:#b2ceba;--warn:#e3bc82;--good:#accbb6;--bad:#f5a6a3;--radius:12px;--font:Geist,'Segoe UI',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font:14px/1.55 var(--font)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button,input,textarea{font:inherit}button{border:1px solid var(--control);border-radius:6px;padding:9px 14px;background:var(--surface);color:var(--ink);min-height:40px}button.primary,.button.primary{background:var(--accent);color:#152019;border-color:var(--accent)}button:disabled{opacity:1;cursor:default}.button{display:inline-block;border:1px solid var(--control);border-radius:6px;padding:8px 13px;background:var(--surface)}.muted{color:var(--muted)}small,.small{font-size:12px}strong{font-weight:600}h1{font-size:25px;line-height:1.2;font-weight:500;margin:0}h2{font-size:16px;font-weight:600;margin:0 0 14px}h3{font-size:14px;font-weight:600;margin:0 0 5px}p{margin:0 0 12px}p:last-child{margin-bottom:0}code{font:12px/1.6 Consolas,monospace;overflow-wrap:anywhere}ul{padding-left:20px;margin:8px 0}.preview{background:var(--surface);border-bottom:1px solid var(--line);padding:9px 24px;font-size:12px;display:flex;justify-content:space-between;gap:12px}.preview strong{font-weight:600}.shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:calc(100vh - 40px)}.sidebar{padding:28px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:550;letter-spacing:-1px}.brand svg{width:26px;height:30px;stroke:var(--ink);fill:none;stroke-width:1.5}.scope{font-size:12px;color:var(--muted);padding-left:37px;margin-top:2px}.nav{display:grid;gap:4px}.nav a{padding:10px 12px;border-radius:6px;color:var(--muted);display:flex;justify-content:space-between}.nav a.active{background:#2a3230;color:var(--ink);font-weight:500}.nav a:hover{background:#22282a;text-decoration:none}.nav .number{font-size:12px;font-variant-numeric:tabular-nums}.sidebar-note{margin-top:auto;border-top:1px solid var(--line);padding:18px 12px 0;font-size:12px}.sidebar-note b{display:block;font-weight:500;color:var(--ink);margin-bottom:3px}.main{min-width:0;padding:30px 36px 36px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-head p{margin-top:7px;color:var(--muted);font-size:13px}.page-actions{display:flex;gap:8px;align-items:center}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:21px}.panel+.panel{margin-top:16px}.panel.tight{padding:16px}.rail{display:grid;gap:16px}.rail .panel+.panel{margin-top:0}.rail p{font-size:13px}.eyeline{font-size:12px;color:var(--muted);margin-bottom:10px}.status{display:inline-flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}.status:before{content:'';width:6px;height:6px;background:currentColor;border-radius:100%}.status.good{color:var(--good)}.status.warn{color:var(--warn)}.status.bad{color:var(--bad)}.status.neutral{color:var(--muted)}.pill{font-size:12px;padding:2px 8px;border-radius:4px;background:var(--raised);white-space:nowrap}.pill.warn{background:#342c21;color:var(--warn)}.fact{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.fact:last-child{border-bottom:0}.fact span:first-child{color:var(--muted)}.fact span:last-child{text-align:right}.chat{display:flex;flex-direction:column;gap:23px}.message{max-width:660px}.message.user{align-self:flex-end;background:#23282a;border-radius:8px;padding:17px 20px;max-width:84%}.message .author{display:flex;gap:12px;align-items:center;margin-bottom:10px;font-size:12px;color:var(--muted)}.message .author b{color:var(--ink);font-size:13px;font-weight:600}.message.agent p{font-size:15px;line-height:1.65}.work-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:16px 0 4px}.work-top{padding:16px 18px;display:flex;justify-content:space-between;gap:14px}.work-steps{display:grid;grid-template-columns:repeat(3,1fr);padding:0 18px 15px;gap:9px}.work-step{border-top:2px solid var(--line);padding-top:8px;font-size:12px}.work-step.current{border-color:var(--accent)}.work-bottom{border-top:1px solid var(--line);padding:11px 18px;display:flex;justify-content:space-between;font-size:12px}.composer{margin-top:30px;background:var(--surface);border:1px solid var(--control);border-radius:8px;padding:14px 16px}.composer textarea{border:0;resize:none;width:100%;height:55px;background:var(--surface);color:var(--muted);outline:none}.composer-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.composer-bottom span{font-size:12px;color:var(--muted)}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:20px;font-size:13px}.tabs span{padding:10px 0}.tabs .selected{border-bottom:2px solid var(--ink)}.rows{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden}.row{display:grid;grid-template-columns:minmax(0,1fr) 150px 105px;gap:18px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row-title{font-weight:500;margin-bottom:4px}.row-meta{font-size:12px;color:var(--muted)}.row-end{text-align:right;font-size:12px;color:var(--muted)}.inline-note{padding:15px 0;color:var(--muted);font-size:12px}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.steps{list-style:none;padding:0;margin:0;counter-reset:step}.steps li{counter-increment:step;display:grid;grid-template-columns:28px 1fr auto;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);align-items:start}.steps li:before{content:counter(step);font-size:12px;width:23px;height:23px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--muted)}.steps li.current:before{background:var(--accent);border-color:var(--accent);color:#152019}.steps small{display:block;color:var(--muted);margin-top:3px}.steps .done:before{content:'✓';color:var(--good)}.evidence{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.file{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);gap:14px}.timeline{list-style:none;padding:0;margin:0}.timeline li{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.timeline time{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.search{background:var(--surface);border:1px solid var(--control);border-radius:6px;padding:10px 12px;width:100%;color:var(--muted);margin-bottom:16px}.memory-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:20px}.memory-entry{padding:17px;border-bottom:1px solid var(--line)}.memory-entry.selected{background:#26302c}.memory-entry p{margin-top:6px;font-size:12px;color:var(--muted)}.quote{border-left:2px solid var(--control);padding:8px 0 8px 16px;margin:18px 0;font-size:15px}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:20px 0}.meta-grid dt{font-size:12px;color:var(--muted);margin-bottom:3px}.meta-grid dd{margin:0;font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.notice{padding:13px 15px;background:#202527;border-left:2px solid var(--control);font-size:13px;margin:16px 0}.notice.warn{border-color:var(--warn)}.decision-header{display:flex;gap:16px;justify-content:space-between;align-items:start;margin-bottom:20px}.decision-header h2{margin-bottom:6px}.diff{display:grid;grid-template-columns:1fr 1fr;background:#202527;border:1px solid var(--line);border-radius:6px;padding:17px;margin:18px 0;gap:22px}.diff small{display:block;color:var(--muted);margin-bottom:6px}.decision-footer{border-top:1px solid var(--line);margin-top:20px;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.form-section{display:grid;grid-template-columns:250px 1fr;gap:28px;padding:22px 0;border-bottom:1px solid var(--line)}.form-section:first-child{padding-top:0}.form-section>div:first-child p{color:var(--muted);font-size:13px}.field{margin-bottom:16px}.field label{display:block;font-size:12px;margin-bottom:6px}.field input{width:100%;min-height:40px;border:1px solid var(--control);border-radius:6px;padding:9px 12px;background:var(--surface);color:var(--ink)}.field:last-child{margin-bottom:0}.routine{display:grid;grid-template-columns:1fr 170px 130px;gap:18px;padding:21px;border-bottom:1px solid var(--line);align-items:center}.routine:last-child{border-bottom:0}.routine p{font-size:12px;color:var(--muted);margin-top:5px}.state-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.state-grid .panel+.panel{margin-top:0}.state-grid .panel{min-height:210px}.state-grid .status{margin-bottom:14px}.state-grid button{margin-top:15px}.mobile-nav{display:none}.empty-space{min-height:160px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:8px}.breakable{overflow-wrap:anywhere}.approval-code{font-size:28px;font-variant-numeric:tabular-nums;letter-spacing:5px}.plain-link{text-decoration:underline;text-underline-offset:3px}.footnote{font-size:12px;color:var(--muted);margin-top:24px}.trace{display:flex;align-items:center;gap:12px;font-size:12px;margin-top:18px;padding:12px 0;border-top:1px solid var(--line);flex-wrap:wrap}.trace .arrow{color:var(--muted)}
.split>.panel+.panel{margin-top:0}
@media(min-width:1600px){.main{max-width:1450px;width:100%;margin:auto}}
@media(max-width:1180px){.shell{grid-template-columns:190px minmax(0,1fr)}.main{padding:25px}.layout{grid-template-columns:1fr}.rail{grid-template-columns:1fr 1fr}.sidebar{padding:24px 12px}.form-section{grid-template-columns:210px 1fr}.row{grid-template-columns:minmax(0,1fr) 140px 90px}}
@media(max-width:700px){.preview{padding:9px 16px;font-size:11px}.preview>span:last-child{display:none}.shell{display:block}.sidebar{display:none}.mobile-nav{display:block;background:var(--ground);border-bottom:1px solid var(--line);padding:14px 16px}.mobile-nav summary{display:flex;justify-content:space-between;align-items:center;list-style:none;font-weight:500}.mobile-nav .brand{font-size:21px}.mobile-nav nav{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:12px}.mobile-nav nav a{padding:9px 6px}.main{padding:22px 16px 30px}.page-head{margin-bottom:22px;gap:12px;align-items:flex-start}.page-head h1{font-size:23px}.page-head p{font-size:12px}.page-actions button{padding:7px 10px;font-size:12px}.layout,.split,.memory-layout,.state-grid{grid-template-columns:1fr}.rail{grid-template-columns:1fr}.panel{padding:17px}.chat{gap:21px}.message.user{max-width:94%;padding:14px 16px}.message.agent p{font-size:14px}.work-top{padding:14px;gap:10px}.work-steps{padding:0 14px 14px}.work-step{font-size:11px}.work-bottom{padding:10px 14px}.composer{margin-top:24px}.composer-bottom span{max-width:190px;font-size:11px}.row{grid-template-columns:1fr auto;gap:9px;padding:16px}.row-end{grid-column:1/-1;text-align:left}.tabs{gap:17px;font-size:12px}.tabs span{white-space:nowrap}.routine{grid-template-columns:1fr auto;padding:17px;gap:10px}.routine>div:nth-child(2){grid-column:1;grid-row:2}.routine>button{grid-column:2;grid-row:1/3}.form-section{grid-template-columns:1fr;gap:15px;padding:22px 0}.diff{gap:14px;padding:13px}.decision-footer{align-items:flex-start;flex-direction:column}.decision-footer .actions{margin-top:0}.decision-header{gap:8px}.decision-header .pill{white-space:normal;max-width:100px;text-align:center}.steps li{grid-template-columns:25px 1fr auto;gap:7px}.steps li>span:last-child{font-size:11px}.meta-grid{gap:14px}.rail.chat-rail{margin-top:4px}.memory-layout>div:first-child{order:2}.trace{gap:9px}.state-grid .panel{min-height:0}}

/* Shared graphite theme for all eight proposed screens. */
body{font-size:14px;-webkit-font-smoothing:antialiased}
.preview{background:#0c0e0f;color:var(--muted);font-size:11px;padding:10px 28px;letter-spacing:.1px}
.preview strong{color:#c6ceca;font-weight:500}
.shell{grid-template-columns:232px minmax(0,1fr)}
.sidebar{background:#141718;padding:34px 18px;gap:38px}
.brand{font-size:29px;letter-spacing:-1.3px;gap:13px}
.brand svg{stroke:var(--accent);width:30px;height:34px}
.scope{padding-left:43px;font-size:10px;margin-top:6px;letter-spacing:.1px}
.nav{gap:7px}.nav a{padding:11px 14px;border-radius:8px;font-size:13px}
.nav a.active{box-shadow:inset 2px 0 var(--accent);color:#dbe8df}
.sidebar-note{padding:22px 12px 0;line-height:1.8}
.secretary-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid #485a50;border-radius:9px;color:var(--accent);font-size:16px;margin-bottom:13px}
.sidebar-note .trace{font-size:10px;gap:7px;border:0;margin:12px 0;padding:0}
.sidebar-note .status{font-size:10px}
.sidebar-note .plain-link{font-size:10px;color:var(--muted)}
.main{padding:36px 40px 30px;max-width:1500px;width:100%;margin:0 auto}
h1{font-size:25px;font-weight:500;letter-spacing:-.8px}
.page-head{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.page-head p{font-size:12px;margin-top:8px}.page-actions{flex-shrink:0}
button,.button{border-radius:8px;font-size:12px;font-weight:500;padding:10px 14px}
button.primary,.button.primary{border-color:transparent}
.panel{padding:22px}.eyeline{font-size:10px;letter-spacing:1px;font-weight:500}
.message.agent .author b{color:var(--accent)}
.message.user{border:1px solid #343c3e;border-radius:14px 14px 3px 14px}
.composer{border-radius:12px;box-shadow:0 6px 24px #0002}
.composer textarea{margin-top:6px;font-size:14px}
.work-card{border-radius:12px}.work-bottom{background:#1e2324}
.work-step.current{color:var(--accent)}
.status.neutral{color:#b5bfc4}.footnote{font-size:10px;color:var(--muted);margin-top:30px}
.fleet-intro{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:0 0 32px}
.fleet-intro h2{font-size:38px;line-height:1.15;font-weight:450;letter-spacing:-1.6px;margin:12px 0 18px}
.fleet-intro p{font-size:13px;color:var(--muted);line-height:1.8}
.fleet-count{border-left:1px solid var(--line);padding-left:35px;min-width:190px}
.fleet-count strong{display:block;font-size:66px;font-weight:350;line-height:1.1;letter-spacing:-4px;color:#c4d7ca}
.fleet-count span{display:block;font-size:11px;color:var(--muted);line-height:1.8;margin-top:9px}
.station-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.station{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:23px 24px 0;overflow:hidden;min-width:0}
.station-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:19px}
.station-number{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted);border:1px solid #495251;border-radius:6px;padding:4px 8px}
.station-top .status{font-size:10px}.station h2{font-size:24px;font-weight:450;letter-spacing:-.7px;margin:0 0 3px}
.station-specialty{color:var(--accent);font-size:13px;margin-bottom:14px}
.station>p{font-size:12px;min-height:40px;max-width:340px}
.engine-list{margin:22px 0 0;border-top:1px solid var(--line)}
.executor{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}
.executor:last-child{border-bottom:0}
.engine-mark{flex-shrink:0;display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#2a302f;border:1px solid #45504a;color:#d1dfd5;font-size:18px}
.executor-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.executor-body strong{font-size:13px;font-weight:550}.executor-body span{font-size:11px;color:#c3caca}.executor-body small{font-size:10px;color:var(--muted)}
.profile-id{font:9px/1.5 Consolas,monospace;color:var(--muted);letter-spacing:.3px}
.station-bottom{margin:0 -24px;padding:12px 24px;background:#1d2223;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}
.station-bottom>span{font-size:10px;color:var(--muted)}.station-bottom button{font-size:10px;min-height:32px;padding:6px 10px;background:transparent;border-color:#4d5858}
.relay-panel{border:1px solid #43534b;border-radius:14px;background:#19211d;margin-top:24px;padding:25px}
.relay-heading{display:flex;justify-content:space-between;gap:15px;align-items:start}.relay-heading h2{font-weight:500;font-size:16px;margin-bottom:0}
.relay-heading .pill{background:#28372e;color:#bacfc1;font-size:10px}
.relay-route{display:grid;grid-template-columns:1fr 24px .8fr 24px 1fr;gap:10px;align-items:center;margin:27px 0 22px}
.relay-node{display:flex;flex-direction:column;gap:7px;min-width:0}.relay-node .eyeline{font-size:9px;margin:0;color:#a7bcae}
.relay-node strong{font-size:15px;font-weight:500}.relay-node>span:last-child{font-size:11px;color:var(--muted)}
.relay-arrow{color:#829b8a;font-size:22px;text-align:center}
.relay-hub{text-align:center;border:1px solid #4f6858;background:#202e25;border-radius:12px;padding:17px 8px;display:flex;align-items:center;flex-direction:column;gap:6px}
.relay-hub svg{width:22px;height:24px;fill:none;stroke:#b2ceba;stroke-width:1.5}.relay-hub strong{font-size:16px;font-weight:500}.relay-hub span{font-size:9px;color:#b4c7bb}
.relay-receipt{display:flex;justify-content:space-between;gap:10px;padding-top:16px;border-top:1px solid #38483e;font-size:10px;color:var(--muted)}
.relay-receipt .status{font-size:10px}.policy-grid{margin-top:24px}.policy-grid .fact{font-size:11px}.policy-grid p{font-size:12px}
.pairing{margin-top:24px}.relay-thread{margin-top:23px}.relay-thread .timeline li{grid-template-columns:55px 1fr}
@media(max-width:1180px){.shell{grid-template-columns:190px minmax(0,1fr)}.main{padding:26px}.sidebar{padding:30px 12px}.scope{font-size:9px;padding-left:0}.fleet-count{min-width:140px;padding-left:20px}.fleet-intro h2{font-size:33px}.station{padding:20px 18px 0}.station-bottom{margin:0 -18px;padding:12px 18px}.profile-id{display:none}.relay-heading{flex-direction:column}.relay-route{grid-template-columns:1fr 16px .8fr 16px 1fr;gap:8px}.policy-grid{grid-template-columns:1fr}.policy-grid .fact{font-size:12px}}
@media(max-width:700px){.shell{display:block}.main{padding:24px 17px}.page-head{gap:12px;flex-wrap:wrap;margin-bottom:25px;padding-bottom:20px}.page-actions{flex-shrink:1}.preview{padding:9px 17px}.mobile-nav{background:#141718}.fleet-intro{gap:15px;padding-bottom:25px;align-items:start}.fleet-intro h2{font-size:29px;letter-spacing:-1px;margin:10px 0 14px}.fleet-intro p{font-size:12px}.fleet-count{min-width:72px;padding-left:15px;margin-top:25px}.fleet-count strong{font-size:42px;letter-spacing:-2px}.fleet-count span{font-size:9px}.desktop-break{display:none}.station-grid{grid-template-columns:1fr;gap:17px}.station{padding:21px 21px 0}.station>p{min-height:0}.profile-id{display:block}.station-bottom{margin:0 -21px;padding:12px 21px}.relay-panel{padding:20px}.relay-heading h2{font-size:16px;line-height:1.5}.relay-route{grid-template-columns:1fr;gap:13px}.relay-node{text-align:center}.relay-arrow{transform:rotate(90deg);font-size:19px;line-height:1}.relay-hub{padding:13px;max-width:220px;width:100%;margin:auto}.relay-receipt{flex-direction:column;gap:9px}.tabs{flex-wrap:wrap;gap:12px}.work-bottom{gap:12px}.form-section .panel{min-width:0}.fact{overflow-wrap:anywhere}.page-head h1{font-size:24px}}
