:root{
  --bg:#050507;--bg2:#090b10;--panel:#0d1018;--panel2:#121622;--ink:#f7f7fb;--muted:#9aa4b7;--dim:#697386;
  --line:rgba(255,255,255,.105);--line2:rgba(255,255,255,.18);--gold:#d6b84a;--blue:#60a5fa;--green:#34d399;--red:#fb7185;--violet:#a78bfa;--cyan:#22d3ee;
  --shadow:0 28px 90px rgba(0,0,0,.42);--radius:28px;--nav:250px;--rail:392px;--rail-c:84px;
  color-scheme:dark;
}
*{box-sizing:border-box} html,body,#app{height:100%;margin:0} body{background:radial-gradient(circle at 20% -10%,rgba(96,165,250,.16),transparent 30%),radial-gradient(circle at 88% 8%,rgba(214,184,74,.13),transparent 34%),linear-gradient(180deg,#040405,#090b10 48%,#050507);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}.house{height:100%;display:grid;grid-template-columns:var(--nav) minmax(0,1fr) var(--rail);grid-template-rows:86px minmax(0,1fr) 38px}.house.rail-collapsed{grid-template-columns:var(--nav) minmax(0,1fr) var(--rail-c)}
.top{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--line);background:rgba(5,5,7,.82);backdrop-filter:blur(20px);z-index:5}.brand{display:flex;align-items:center;gap:14px;min-width:0}.mark{width:52px;height:52px;border-radius:20px;background:conic-gradient(from 160deg,var(--gold),var(--blue),var(--violet),var(--gold));padding:1px;box-shadow:0 0 40px rgba(214,184,74,.22)}.mark i{display:grid;place-items:center;width:100%;height:100%;border-radius:19px;background:#06070b;font-style:normal;font-weight:950;color:#fff}.brand h1{font-size:18px;margin:0;letter-spacing:.02em}.brand p{margin:3px 0 0;color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.top-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.pill,.badge{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line2);background:rgba(255,255,255,.05);color:#dbe4ff;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:850;letter-spacing:.03em}.pill.gold{border-color:rgba(214,184,74,.35);color:#fff3b0}.pill.green{border-color:rgba(52,211,153,.35);color:#bbf7d0}.pill.red{border-color:rgba(251,113,133,.35);color:#fecdd3}.btn{border:1px solid var(--line2);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));color:var(--ink);border-radius:14px;padding:10px 13px;font-weight:900;cursor:pointer;box-shadow:0 8px 28px rgba(0,0,0,.18)}.btn:hover{border-color:rgba(214,184,74,.5);transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,rgba(214,184,74,.24),rgba(96,165,250,.16));border-color:rgba(214,184,74,.45)}.btn.danger{border-color:rgba(251,113,133,.38);color:#fecdd3}.btn.small{padding:7px 10px;font-size:12px;border-radius:12px}.nav{border-right:1px solid var(--line);background:rgba(7,8,12,.78);padding:18px 14px;overflow:auto}.nav-title{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--dim);margin:4px 10px 12px}.nav button{width:100%;display:flex;align-items:center;gap:10px;background:transparent;border:1px solid transparent;color:#b7c1d5;border-radius:16px;padding:12px 11px;margin-bottom:7px;text-align:left;cursor:pointer;font-weight:850}.nav button:hover{background:rgba(255,255,255,.045);color:#fff}.nav button.active{background:linear-gradient(90deg,rgba(214,184,74,.18),rgba(96,165,250,.08));border-color:rgba(214,184,74,.34);color:#fff}.nav .dot{width:10px;height:10px;border-radius:50%;background:var(--dim);box-shadow:0 0 0 4px rgba(255,255,255,.03)}.nav button.active .dot{background:var(--gold);box-shadow:0 0 24px rgba(214,184,74,.42)}.main{overflow:auto;padding:24px;min-width:0}.page{max-width:1500px;margin:0 auto;display:grid;gap:18px}.hero{border:1px solid rgba(214,184,74,.22);background:linear-gradient(140deg,rgba(255,255,255,.078),rgba(255,255,255,.025)),radial-gradient(circle at 12% 0,rgba(214,184,74,.13),transparent 35%);border-radius:32px;padding:24px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-160px;top:-120px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(96,165,250,.16),transparent 64%);pointer-events:none}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font-weight:950}.hero h2{font-size:clamp(34px,5vw,68px);line-height:.92;margin:12px 0 12px;letter-spacing:-.065em}.hero p{max-width:860px;color:#cbd5e1;line-height:1.6;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-6{grid-column:span 6}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.span-3{grid-column:span 3}.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(17,22,34,.82),rgba(10,12,18,.78));border-radius:24px;padding:18px;box-shadow:0 18px 60px rgba(0,0,0,.26);min-width:0;overflow:hidden}.card h3{margin:0 0 8px;font-size:18px}.card p{margin:0 0 12px;color:var(--muted);line-height:1.55}.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--dim);font-weight:950}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{border:1px solid var(--line);background:rgba(0,0,0,.18);border-radius:18px;padding:14px}.metric b{display:block;font-size:30px;letter-spacing:-.05em}.metric small{display:block;color:var(--muted);line-height:1.35;margin-top:4px}.bar{height:8px;background:#05070c;border-radius:99px;overflow:hidden;margin-top:10px}.fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--gold),var(--blue),var(--green))}.flow{display:grid;gap:10px}.flow-step{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);background:rgba(0,0,0,.18);border-radius:18px;padding:12px}.flow-step strong{display:block}.flow-step span{color:var(--muted);font-size:13px}.num{width:34px;height:34px;border-radius:13px;display:grid;place-items:center;background:rgba(214,184,74,.12);border:1px solid rgba(214,184,74,.25);font-weight:950;color:#fff3b0}.state{font-size:11px;text-transform:uppercase;letter-spacing:.10em;border:1px solid var(--line2);border-radius:999px;padding:6px 8px;color:#dbeafe}.state.pass{color:#bbf7d0;border-color:rgba(52,211,153,.35)}.state.limited{color:#fde68a;border-color:rgba(214,184,74,.35)}.state.blocked{color:#fecdd3;border-color:rgba(251,113,133,.35)}.council-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.council{border:1px solid var(--line);background:rgba(0,0,0,.18);border-radius:18px;padding:14px}.council b{display:block;color:#fff}.council small{display:block;color:var(--muted);line-height:1.45;margin-top:5px}.domains{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.domain{border:1px solid var(--line);border-radius:24px;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025))}.domain.carr{border-color:rgba(34,211,238,.25)}.domain.mayd{border-color:rgba(214,184,74,.3)}.domain.shush{border-color:rgba(167,139,250,.36);background:radial-gradient(circle at 80% 0,rgba(167,139,250,.11),transparent 38%),rgba(255,255,255,.035)}.pre{white-space:pre-wrap;word-break:break-word;background:#05070d;border:1px solid var(--line);border-radius:18px;padding:14px;color:#dbeafe;max-height:360px;overflow:auto;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.input,.textarea,select{width:100%;border:1px solid var(--line2);background:#070a10;color:var(--ink);border-radius:14px;padding:12px}.textarea{min-height:132px;resize:vertical}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rail{border-left:1px solid var(--line);background:rgba(7,8,12,.88);padding:18px;overflow:auto;min-width:0}.house.rail-collapsed .rail{padding:14px 10px;display:flex;justify-content:center}.house.rail-collapsed .rail-body{display:none}.bro-presence{border:1px solid rgba(214,184,74,.26);background:linear-gradient(180deg,rgba(214,184,74,.075),rgba(255,255,255,.025));border-radius:26px;padding:18px;box-shadow:0 16px 60px rgba(0,0,0,.22)}.bro-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.bro-head h3{margin:0}.bro-line{font-size:15px;line-height:1.55;color:#edf2ff;border-left:3px solid var(--gold);padding-left:12px;margin:12px 0}.memory-list{display:grid;gap:8px;margin-top:12px}.memory{border:1px solid var(--line);background:rgba(0,0,0,.18);border-radius:14px;padding:10px}.memory b{display:block}.memory small{display:block;color:var(--muted);margin-top:3px}.rail-tab{height:54px;width:54px;border-radius:18px;background:linear-gradient(135deg,rgba(214,184,74,.23),rgba(96,165,250,.14));border:1px solid rgba(214,184,74,.38);color:#fff;font-weight:950;cursor:pointer;display:grid;place-items:center}.status{grid-column:1/-1;border-top:1px solid var(--line);background:rgba(5,5,7,.92);display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:var(--muted);font-size:12px}.toast{position:fixed;right:24px;bottom:56px;background:#f7f7fb;color:#050507;font-weight:950;border-radius:16px;padding:12px 16px;box-shadow:var(--shadow);z-index:99}.hidden{display:none!important}
@media(max-width:1280px){:root{--nav:226px;--rail:340px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.council-grid,.domains{grid-template-columns:1fr}.span-8,.span-7,.span-6,.span-5,.span-4,.span-3{grid-column:span 12}.split{grid-template-columns:1fr}}
@media(max-width:980px){.house,.house.rail-collapsed{grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr) auto}.top{position:sticky;top:0}.nav{border-right:0;border-bottom:1px solid var(--line);display:flex;gap:8px;overflow:auto;padding:10px}.nav-title{display:none}.nav button{min-width:150px;margin:0}.rail{position:fixed;right:12px;bottom:50px;width:min(420px,calc(100vw - 24px));max-height:70vh;border:1px solid var(--line);border-radius:26px;z-index:40;box-shadow:var(--shadow)}.house.rail-collapsed .rail{width:78px;height:78px;left:auto}.status{position:fixed;bottom:0;left:0;right:0;height:42px}.main{padding:16px;margin-bottom:48px}.hero h2{font-size:38px}}
@media(max-width:620px){.metric-grid{grid-template-columns:1fr}.top-actions .pill{display:none}.hero{padding:18px}.flow-step{grid-template-columns:32px 1fr}.flow-step .state{grid-column:2;justify-self:start}.brand h1{font-size:16px}.mark{width:44px;height:44px}.main{padding:12px}.card{border-radius:20px;padding:15px}}

/* 28.1.0 first real docking run polish */
.first-dock-banner{border:1px solid rgba(52,211,153,.28);background:linear-gradient(135deg,rgba(52,211,153,.08),rgba(96,165,250,.05));border-radius:24px;padding:16px}.manifest-table{display:grid;gap:10px}.manifest-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px;border-bottom:1px solid var(--line);padding:10px 0}.manifest-row:last-child{border-bottom:0}.manifest-row b{color:#fff}.manifest-row span{color:var(--muted);line-height:1.45}.flow-step .state.ready{color:#bbf7d0;border-color:rgba(52,211,153,.35)}


/* 28.2.0 First Runtime Delivery Proof */
.delivery-panel{border:1px solid rgba(96,165,250,.24);background:linear-gradient(135deg,rgba(96,165,250,.085),rgba(52,211,153,.04));border-radius:24px;padding:16px;}
.runtime-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;}
.preview-tile{border:1px solid var(--line);border-radius:18px;background:rgba(0,0,0,.22);padding:14px;min-width:0;}
.preview-tile b{display:block;color:#fff;margin-bottom:4px}.preview-tile small{color:var(--muted);line-height:1.45}.code-chip{display:inline-flex;align-items:center;border:1px solid rgba(214,184,74,.35);background:rgba(214,184,74,.08);color:#fff3b0;border-radius:999px;padding:8px 10px;font-weight:950;letter-spacing:.08em;font-size:12px;margin:4px 6px 4px 0}.proof-stack{display:grid;gap:10px}.proof-row{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(0,0,0,.18)}.proof-row span{color:var(--muted);word-break:break-word}.client-preview-frame{border:1px solid var(--line2);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));padding:16px;min-height:220px;display:grid;place-items:center;text-align:center;}
@media(max-width:1100px){.runtime-preview{grid-template-columns:1fr}.proof-row{grid-template-columns:1fr}.proof-row .state{justify-self:start}}