:root {
  --ink:#080b0d; --panel:#101619; --panel-2:#151d20; --line:#2b3a3e;
  --paper:#d8d3c5; --muted:#8e9998; --green:#7fa68e; --amber:#d4c7a5;
  --mono:"Cascadia Mono","IBM Plex Mono","Courier New",monospace;
}
*{box-sizing:border-box}
html{background:var(--ink);color:var(--paper);font:16px/1.6 var(--mono);scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,#243135 0,transparent 42%),linear-gradient(180deg,#0d1214,#080b0d 65%)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.14;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px);mix-blend-mode:overlay}
.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 clamp(18px,4vw,64px);letter-spacing:.08em}
.identity{color:var(--paper);text-decoration:none;font-weight:700;display:flex;gap:12px;align-items:center}.sigil{color:var(--green);font-size:1.4rem}.status{font-size:.78rem;color:var(--green)}
.shell{width:min(1120px,calc(100% - 32px));margin:clamp(28px,6vw,72px) auto}
.terminal{border:1px solid var(--line);background:rgba(12,17,19,.92);box-shadow:0 24px 80px #0009}
.terminal-head{display:flex;justify-content:space-between;padding:11px 16px;border-bottom:1px solid var(--line);font-size:.75rem;color:var(--muted)}
.case-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px}.screen{position:relative;min-height:430px;padding:clamp(34px,6vw,78px);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:linear-gradient(145deg,#11191c,#06090a)}
.screen:before{content:"";position:absolute;inset:18px;border:1px solid #7fa68e22}.scan{position:absolute;inset:0;background:linear-gradient(transparent 48%,#7fa68e0d 50%,transparent 52%);background-size:100% 9px}.screen-code,.screen-state,.notice,h1{position:relative;margin:0}.screen-code{color:var(--green);font-size:.82rem;letter-spacing:.16em}.screen h1{font-size:clamp(2rem,6vw,5rem);line-height:.95;letter-spacing:-.05em;max-width:760px;margin:14px 0}.screen-state{color:var(--amber);letter-spacing:.12em}.notice{color:var(--muted);margin-top:20px;max-width:600px}
.case-meta{border-left:1px solid var(--line);padding:22px}.case-meta p{margin:0;padding:16px 0;border-bottom:1px solid var(--line);font-size:.9rem}.case-meta span{display:block;color:var(--muted);font-size:.72rem;letter-spacing:.12em}
.archive-nav{display:flex;gap:0;margin-top:28px;border-bottom:1px solid var(--line)}.tab{appearance:none;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font:inherit;padding:13px 18px;cursor:pointer}.tab:hover,.tab:focus-visible{color:var(--paper)}.tab.active{color:var(--green);border-color:var(--green)}
.panel{padding:clamp(30px,5vw,58px) 0;max-width:760px}.panel h2{font-size:clamp(1.6rem,4vw,2.6rem);margin:.2em 0}.panel p{color:var(--muted)}.eyebrow{color:var(--green)!important;font-size:.8rem;letter-spacing:.14em}
footer{border-top:1px solid var(--line);padding:24px;text-align:center;color:var(--muted);font-size:.75rem}
@media(max-width:760px){.status{display:none}.case-grid{grid-template-columns:1fr}.screen{min-height:52vh;padding:28px}.case-meta{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.archive-nav{overflow:auto}.tab{white-space:nowrap;padding-inline:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}