
:root{
  --bg:#07090f; --panel:#0d1324; --panel2:#11182d; --text:#f3f6ff; --muted:#9aa7c2;
  --line:rgba(255,255,255,.12); --glow:rgba(124,229,255,.45); --a:#7ce5ff; --b:#caa6ff; --c:#ffe5a3; --danger:#ff7a90; --ok:#89ffca;
  --mode:#7ce5ff;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}
body[data-mode="CARR"]{--mode:#8fffd2;--a:#8fffd2;--b:#d7fff0;--c:#baf5ff}
body[data-mode="MAYD"]{--mode:#7ce5ff;--a:#7ce5ff;--b:#caa6ff;--c:#ffe5a3}
body[data-mode="SHUSH"]{--mode:#ff7ad9;--a:#ff7ad9;--b:#9f7aff;--c:#ffd2f1}
.boot{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,rgba(124,229,255,.18),transparent 30%),#03050a;transition:.7s ease;}
.boot.done{opacity:0;pointer-events:none}.boot-card{width:min(680px,92vw);padding:42px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));box-shadow:0 0 70px rgba(124,229,255,.18);}
.boot-sigil{width:106px;height:106px;border:1px solid var(--line);border-radius:28px;display:grid;place-items:center;background:radial-gradient(circle,rgba(255,255,255,.15),rgba(255,255,255,.04));font-weight:900;letter-spacing:-.08em;position:relative;}
.boot-sigil b{position:absolute;bottom:18px;right:18px;font-size:16px;color:var(--a)}.boot h1{font-size:clamp(40px,8vw,80px);line-height:.9;margin:22px 0 10px}.boot-line{color:var(--muted)}.boot-steps p{margin:.4rem 0;color:var(--ok)}
.field-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(circle at 18% 0%,rgba(124,229,255,.13),transparent 32%),radial-gradient(circle at 85% 15%,rgba(255,122,217,.11),transparent 28%),linear-gradient(180deg,#07090f,#060812 65%,#040509)}
.field-bg i{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:999px;filter:blur(.1px)}.field-bg i:nth-child(1){width:720px;height:720px;left:-260px;top:70px}.field-bg i:nth-child(2){width:620px;height:620px;right:-210px;top:-160px}.field-bg i:nth-child(3){width:480px;height:480px;left:38%;bottom:-260px}.field-bg i:nth-child(4){inset:80px 120px;border-radius:80px;opacity:.4}
.topbar{height:76px;display:flex;align-items:center;gap:20px;padding:0 24px;border-bottom:1px solid var(--line);background:rgba(7,9,15,.76);backdrop-filter:blur(20px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;min-width:300px}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--a),var(--b));color:#06101a;font-weight:900}.brand small,.top-status span,.operator-card small,.law-card small{display:block;color:var(--muted)}
.mode-gate{display:flex;padding:5px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.05)}button{font:inherit;color:var(--text);background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:13px;padding:10px 14px;cursor:pointer}button:hover{border-color:var(--a);box-shadow:0 0 22px rgba(124,229,255,.12)}.mode-gate button{border-radius:999px;border:0;background:transparent;padding:8px 18px}.mode-gate button.active{background:var(--mode);color:#05070d;font-weight:800}.top-status{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}.top-status span{border:1px solid var(--line);background:rgba(255,255,255,.05);padding:8px 11px;border-radius:999px;font-size:12px}.top-status b{color:var(--a)}
.layout{display:grid;grid-template-columns:340px 1fr;min-height:calc(100vh - 76px)}.sidebar{border-right:1px solid var(--line);padding:18px;position:sticky;top:76px;height:calc(100vh - 76px);overflow:auto;background:rgba(5,7,13,.62)}.operator-card,.law-card{border:1px solid var(--line);border-radius:22px;padding:16px;margin-bottom:14px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.03));}.operator-card{display:flex;gap:12px;align-items:center}.pulse{width:12px;height:12px;border-radius:50%;background:var(--ok);box-shadow:0 0 18px var(--ok)}.searchbox input,.command input{width:100%;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:16px;color:var(--text);padding:13px 14px;outline:none}.tool-nav{display:grid;gap:8px;margin:14px 0}.tool-nav button{text-align:left;padding:13px;border-radius:17px;background:rgba(255,255,255,.045)}.tool-nav button.active{border-color:var(--mode);background:linear-gradient(135deg,rgba(124,229,255,.16),rgba(255,255,255,.045));}.tool-nav small{display:block;color:var(--muted);margin-top:4px}.tool-nav .badge{float:right;color:var(--a);font-size:11px;text-transform:uppercase}
.workspace{padding:22px;display:grid;gap:22px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:18px}.terminal,.mode-panel,.auto-panel,.tool-main,.symbiotic,.receipt,.backend-settings,.runtime-map,.network-dock{border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));box-shadow:0 24px 80px rgba(0,0,0,.24)}.terminal-title{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid var(--line)}.terminal-title span{width:10px;height:10px;border-radius:50%;background:var(--danger)}.terminal-title span:nth-child(2){background:var(--c)}.terminal-title span:nth-child(3){background:var(--ok)}.terminal-title b{margin-left:8px}.terminal-log{height:240px;overflow:auto;padding:16px;color:#dbe7ff}.terminal-log p{margin:.45rem 0}.terminal code{color:var(--c)}.command{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding:12px}.command span{color:var(--a);font-weight:800}.command button{background:var(--mode);color:#05070d;font-weight:800}.mode-panel,.auto-panel{padding:20px}.eyebrow{margin:0 0 8px;color:var(--a);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:800}.mode-panel h2,.auto-panel h2,.tool-main h2{margin:0 0 10px;font-size:30px}.mode-controls,.auto-rail{display:flex;flex-wrap:wrap;gap:8px}.mode-controls span,.auto-rail button,.pill{border:1px solid var(--line);border-radius:999px;padding:8px 10px;background:rgba(255,255,255,.055);font-size:12px}.auto-rail button{font-size:11px;padding:8px 9px}.tool-stage{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px}.tool-main{padding:24px;min-height:520px}.right-stack{display:grid;gap:18px}.symbiotic,.receipt,.backend-settings,.runtime-map{padding:18px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.section-head h2,.section-head h3{margin:0}.tool-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.tool-meta div,.control-card,.backend-grid div,.runtime-step,.mode-card{border:1px solid var(--line);border-radius:18px;padding:13px;background:rgba(255,255,255,.045)}.tool-meta strong,.control-card strong,.backend-grid strong{display:block;color:var(--a)}.tool-meta small,.control-card small,.backend-grid small,.runtime-step small{display:block;color:var(--muted);margin-top:5px}.tool-ceiling{border-left:3px solid var(--mode);padding:14px 16px;background:rgba(255,255,255,.045);border-radius:0 18px 18px 0;color:#dce8ff}.control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.fabric-map{display:grid;gap:8px}.fabric-node{border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(255,255,255,.045)}.fabric-node b{display:block;color:var(--c)}.fabric-node small{color:var(--muted)}.receipt pre,pre#receiptBox{white-space:pre-wrap;margin:0;color:#bfeeff;font-size:12px;max-height:290px;overflow:auto}.backend-settings[hidden],.network-dock[hidden]{display:none}.toggle{display:flex;align-items:center;gap:8px;color:var(--muted)}.backend-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;filter:blur(5px);user-select:none;opacity:.6}.backend-grid.unlocked{filter:none;user-select:auto;opacity:1}.runtime-map{display:none}.runtime-map.active{display:block}.runtime-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.runtime-step b{display:block;color:var(--a)}.network-dock{padding:18px}.network-dock iframe{width:100%;height:760px;border:1px solid var(--line);border-radius:20px;background:#fff}.tag-row,.mode-cards{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.mode-card{min-width:190px;flex:1}.mode-card b{color:var(--mode)}
@media(max-width:1180px){.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto}.hero-grid,.tool-stage{grid-template-columns:1fr}.control-grid{grid-template-columns:1fr 1fr}.runtime-flow{grid-template-columns:1fr 1fr}.topbar{height:auto;align-items:flex-start;flex-wrap:wrap}.brand{min-width:0}}
@media(max-width:700px){.control-grid,.tool-meta,.backend-grid,.runtime-flow{grid-template-columns:1fr}.workspace{padding:12px}.sidebar{padding:12px}}

.pill.launch{color:#06101a;background:var(--mode);font-weight:900;text-decoration:none;border-color:transparent}.native-shell h1{font-size:clamp(34px,6vw,72px);line-height:.92}.legacy-frame{color-scheme:dark}


/* Kernel-birthed completion pass: accessibility, mode law, runtime rail */
.skip-link{position:fixed;left:18px;top:12px;z-index:1000;transform:translateY(-160%);background:#fff;color:#05070d;padding:10px 14px;border-radius:12px;font-weight:900;box-shadow:0 10px 28px rgba(0,0,0,.35)}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:3px solid var(--mode);outline-offset:3px;border-radius:12px}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.boot{display:none!important}}
.kernel-birth-panel{border:1px solid var(--line);border-radius:26px;padding:18px;background:linear-gradient(145deg,rgba(137,255,202,.09),rgba(124,229,255,.035));margin-top:18px}
.kernel-birth-panel h3{margin:.2rem 0 0}.kernel-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.kernel-route span{border:1px solid var(--line);background:rgba(255,255,255,.05);border-radius:14px;padding:10px;font-size:12px;color:var(--muted)}
.kernel-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.kernel-actions button{min-height:64px;text-align:left;background:rgba(255,255,255,.055);border:1px solid var(--line);color:var(--text);border-radius:16px;padding:10px;font-weight:800}.kernel-actions button small{display:block;color:var(--muted);font-weight:600;margin-top:4px}.kernel-actions button[aria-disabled="true"]{opacity:.45;filter:grayscale(.4)}
.mode-permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.mode-permission-grid div{border:1px solid var(--line);border-radius:18px;padding:12px;background:rgba(255,255,255,.04)}.mode-permission-grid b{display:block;color:var(--mode)}.mode-permission-grid small{color:var(--muted)}
.runtime-publication-board{border:1px solid rgba(137,255,202,.3);background:linear-gradient(145deg,rgba(137,255,202,.07),rgba(255,255,255,.025));border-radius:26px;padding:18px;margin-top:18px}.runtime-publication-board ol{margin:12px 0 0;padding-left:20px}.runtime-publication-board li{margin:6px 0;color:var(--muted)}
@media(max-width:980px){.kernel-route,.kernel-actions,.mode-permission-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.kernel-route,.kernel-actions,.mode-permission-grid{grid-template-columns:1fr}.topbar{gap:10px}.mode-gate{width:100%}}

/* Lil Bro Frontier Terminal Completion */

.lb-frontier-grid{display:grid;grid-template-columns:340px 1fr;gap:18px;margin-top:18px}.lb-panel{border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.055);padding:18px}.lb-stack{display:grid;gap:10px}.lb-stack button{text-align:left;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.06);color:var(--text);padding:12px}.lb-stack button.active{outline:2px solid var(--gold)}.lb-stack small{display:block;color:var(--muted);margin-top:4px}.lb-composer{display:grid;grid-template-columns:1fr auto;gap:10px}.lb-composer textarea,.lb-input{width:100%;min-height:44px;border:1px solid var(--line);border-radius:16px;background:#05070c;color:var(--text);padding:12px}.lb-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.lb-tools button{min-height:58px}.lb-log{height:520px;overflow:auto;background:#03050a;border:1px solid var(--line);border-radius:22px;padding:14px}.lb-log-row{border-bottom:1px solid rgba(255,255,255,.1);padding:10px 0}.lb-log-row b{color:var(--gold)}.lb-log-row pre{font-size:12px;max-height:260px;overflow:auto;background:rgba(255,255,255,.035)}.lb-fileops{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lb-wide{grid-column:1/-1}@media(max-width:1000px){.lb-frontier-grid,.lb-fileops{grid-template-columns:1fr}.lb-tools{grid-template-columns:1fr 1fr}}@media(max-width:620px){.lb-tools{grid-template-columns:1fr}.lb-composer{grid-template-columns:1fr}}
