:root{
    --bg:#f5f5f7; --panel:#ffffff; --panel2:#fbfbfd; --line:rgba(0,0,0,.08); --line2:#d2d2d7;
    --tx:#1d1d1f; --mut:#6e6e73; --acc:#0071e3;
    --event:#0a84ff; --intent:#30b0c7; --policy:#ff9f0a; --risk:#ff3b30; --response:#bf5af2;
    --process:#5e5ce6; --artifact:#34c759; --file:#30a46c; --toolcall:#30b0c7; --snapshot:#8e8e93; --derived:#ff375f; --egress:#ff453a; --group:#64748b;
    --ok:#34c759; --bad:#ff3b30;
    --shadow:0 1px 2px rgba(0,0,0,.05),0 12px 32px -18px rgba(0,0,0,.18);
  }
  *{box-sizing:border-box}
  body{margin:0;color:var(--tx);background:var(--bg);
    font:14px/1.55 -apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Roboto,sans-serif;
    -webkit-font-smoothing:antialiased;letter-spacing:-.01em}
  header{display:flex;align-items:center;gap:14px;padding:14px 26px;position:sticky;top:0;z-index:5;
    background:rgba(255,255,255,.72);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);
    border-bottom:1px solid var(--line)}
  header h1{font-size:17px;margin:0;letter-spacing:-.02em;font-weight:600}
  header h1 b{color:var(--acc);font-weight:600}
  header .tag{font-size:11px;color:var(--mut);border:1px solid var(--line2);padding:3px 10px;border-radius:99px;background:#fff}

  .language-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line2);border-radius:8px;flex-shrink:0;font-size:11px;line-height:1.5}
  .language-switch a{color:var(--mut);text-decoration:none;padding:3px 7px;border-radius:5px;white-space:nowrap}
  .language-switch a[aria-current=true]{background:var(--acc);color:#fff}
  .language-switch a:focus-visible{outline:2px solid var(--acc);outline-offset:2px}