@font-face{font-family:Archivo;src:url(/fonts/archivo-variable.woff2) format('woff2-variations');
  font-weight:100 900;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url(/fonts/jetbrains-mono-variable.woff2) format('woff2-variations');
  font-weight:100 800;font-display:swap}
:root{
  --bg:#131619; --panel:#1A1E22; --panel2:#20262B; --sunk:#101316;
  --line:#2A3137; --line2:#39434B;
  --ink:#DFE5E9; --ink2:#96A1AA; --ink3:#69737B;
  --sil:#1E252B; --body:#272F36;
  --h1:#432C2E; --h2:#6A3231; --h3:#93372E; --h4:#BE462E; --h5:#E8623A;
  --hot:#E8623A; --ok:#5E9C86;
  --ui:Archivo,'Helvetica Neue',Arial,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.5 var(--ui);-webkit-font-smoothing:antialiased}
h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}
a{color:inherit}
.wrap{max-width:1320px;margin:0 auto;padding:0 24px 80px}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:3px;overflow:hidden;background:var(--panel)}
.seg button{appearance:none;background:none;border:0;border-right:1px solid var(--line);
  color:var(--ink2);font:500 12.5px/1 var(--ui);letter-spacing:.03em;padding:9px 14px;cursor:pointer}
.seg button:last-child{border-right:0}
.seg button:hover{color:var(--ink);background:var(--panel2)}
.seg button[aria-pressed=true]{background:var(--ink);color:var(--bg);font-weight:600}
.card{background:var(--panel);border:1px solid var(--line);border-radius:3px}
.card > h2{font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink2);
  padding:14px 18px;border-bottom:1px solid var(--line);font-weight:600;
  display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.card > h2 .hint{font:400 11.5px/1 var(--ui);letter-spacing:0;text-transform:none;color:var(--ink3);margin-left:auto}
.pad{padding:18px}
.tip{position:fixed;z-index:40;pointer-events:none;background:#0C0F11;border:1px solid var(--line2);
  border-radius:3px;padding:8px 10px;font-size:12px;color:var(--ink);opacity:0;
  transition:opacity .1s;max-width:250px;line-height:1.45}
.tip b{font-family:var(--mono);font-weight:600}
.tip .k{color:var(--ink3);font-size:11px}
.tip.on{opacity:1}
.empty{padding:34px 18px;text-align:center;color:var(--ink3);font-size:13.5px}
.rail{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:thin;
  scrollbar-color:var(--line2) transparent}
.rail::-webkit-scrollbar{height:6px}
.rail::-webkit-scrollbar-thumb{background:var(--line2);border-radius:3px}
.chip{flex:0 0 auto;background:var(--panel);border:1px solid var(--line);border-radius:3px;
  padding:8px 12px;cursor:pointer;text-align:left;color:var(--ink2);font-family:var(--ui);
  transition:border-color .12s,color .12s}
.chip:hover{border-color:var(--line2);color:var(--ink)}
.chip[aria-pressed=true]{border-color:var(--hot);color:var(--ink);background:var(--panel2)}
.chip b{display:block;font:600 13px/1.2 var(--mono);font-variant-numeric:tabular-nums}
.chip span{display:block;font-size:10.5px;margin-top:3px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3)}
.chip[aria-pressed=true] span{color:var(--hot)}
nav.top{display:flex;gap:2px;align-items:center;padding:14px 0 0}
nav.top a{font:500 12.5px/1 var(--ui);color:var(--ink3);padding:8px 12px;border-radius:3px;text-decoration:none}
nav.top a:hover{color:var(--ink);background:var(--panel)}
nav.top a[aria-current=page]{color:var(--ink);background:var(--panel);border:1px solid var(--line)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
footer{margin-top:34px;padding-top:18px;border-top:1px solid var(--line);
  color:var(--ink3);font-size:12.5px;display:flex;gap:16px;flex-wrap:wrap}