:root { color-scheme:dark; --bg:#11110f; --surface:#1a1a17; --surface-2:#22221e; --text:#f0eee4; --muted:#9b9a90; --line:#3b3a33; --accent:#d89a42; --danger:#d9634f; --node-bg:#20201c; --selected-bg:#d89a42; --selected-text:#16130e; color:var(--text); background:var(--bg); }
body { color:var(--text); background:var(--bg); font-family:"Bahnschrift","Microsoft YaHei UI",sans-serif; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.22; background-image:linear-gradient(rgba(216,154,66,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(216,154,66,.08) 1px,transparent 1px); background-size:42px 42px; }
.chrome { background:rgba(17,17,15,.9); border-bottom:1px solid var(--line); }
.identity > b { background:var(--accent); color:#16130e; border-radius:2px; }
.identity small,.hero > p,.chrome nav a { color:var(--muted); }
.chrome nav a.active { color:var(--accent); }
.hero { min-height:440px; display:grid; grid-template-columns:1fr .42fr; grid-template-areas:"kick kick" "title actions" "copy actions"; align-items:end; padding-top:2rem; }
.hero-kicker{grid-area:kick;align-self:start;color:var(--accent)}.hero h1{grid-area:title;font-family:"Arial Narrow","Microsoft YaHei UI",sans-serif;text-transform:uppercase;font-size:clamp(3.6rem,7vw,8rem)}.hero h1 em{display:inline-block;color:var(--accent)}.hero>p{grid-area:copy}.hero-actions{grid-area:actions;align-self:center;justify-content:flex-end;flex-direction:column;align-items:stretch}.hero-actions a,.hero-actions button{border:1px solid var(--line);background:var(--surface);color:var(--text)}.hero-actions .primary-action,.hero-actions button.selected{background:var(--accent);color:#16130e;border-color:var(--accent)}
.metrics { border:1px solid var(--line); background:var(--surface); }
.metrics article { border-right:1px solid var(--line); }
.metrics span,.metrics small { color:var(--muted); }
.metrics strong { font-family:Consolas,monospace; color:var(--accent); }
.metrics .metric-alert { background:var(--danger); }.metrics .metric-alert strong,.metrics .metric-alert span,.metrics .metric-alert small{color:#fff}
.module { background:var(--surface); border:1px solid var(--line); border-radius:0; }
.module-heading span,.module-heading>a,.module-heading>b { color:var(--accent); }
.workflow .complete>b{background:var(--accent);border-color:var(--accent);color:#16130e}.workflow .current>b{box-shadow:0 0 0 4px rgba(216,154,66,.18);color:var(--accent)}
.ontology { display:grid; grid-template-columns:250px 1fr; }.ontology>.module-heading{display:block;border-right:1px solid var(--line);padding-right:1.5rem}.ontology>.module-heading>a{display:block;margin-top:2rem;text-decoration:underline}.ontology-stage{margin:0;background:var(--surface-2)}.ontology-stage aside{border-left:1px solid var(--line)}
.bottom-grid .module { margin-top:1.5rem; }.task-list a{border-color:var(--line)}.task-list a>b,.healthy{color:var(--accent)}.compute-chain>div{background:var(--surface-2);border:1px solid var(--line)}
.page-footer{border-top:1px solid var(--line);color:var(--muted)}
@media(max-width:980px){.ontology{display:block}.ontology>.module-heading{border-right:0;padding-right:0}.hero{display:block;min-height:450px}.hero-actions{flex-direction:row;justify-content:flex-start}}