*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --soc-bg:#0d1117;     --soc-bg-1:#161b22;  --soc-bg-2:#1c2433;
  --soc-line:#253040;   --soc-line2:#374d6c;
  --soc-ink:#eef3ff;    --soc-ink2:#c4ceea;
  --soc-ink3:#8a9bbf;   --soc-ink4:#5e718a;
  --soc-cy:#22e1ff;     --soc-cy2:#06b8d9;
  --soc-am:#ffb547;     --soc-gn:#3ddc84;
  --soc-rd:#ff5577;     --soc-vi:#a78bfa;
  --kicker-text:"// WRITE-UP";
  --kicker-color:var(--soc-cy);
}
.p-htb-sherlock{--kicker-text:"// HTB · SHERLOCK · DFIR CASE FILE";--kicker-color:var(--soc-am)}
.p-htb-machine {--kicker-text:"// HTB · MACHINE · OFFENSIVE";       --kicker-color:#d97757}
.p-btlo        {--kicker-text:"// BTLO · DFIR INVESTIGATION";       --kicker-color:var(--soc-rd)}
.p-cd          {--kicker-text:"// CYBERDEFENDERS · BLUE-TEAM LAB";  --kicker-color:var(--soc-cy)}
.p-thm         {--kicker-text:"// TRYHACKME · ROOM";                --kicker-color:var(--soc-rd)}
.p-ld          {--kicker-text:"// LETSDEFEND · INVESTIGATION";      --kicker-color:var(--soc-gn)}
.p-hacksmarter {--kicker-text:"// HACKSMARTER";                     --kicker-color:var(--soc-am)}
.p-unlisted    {--kicker-text:"// UNLISTED";                        --kicker-color:var(--soc-vi)}

html,body{background:var(--soc-bg);color:var(--soc-ink);min-height:100vh}
body{
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased;line-height:1.6;
  background:
    radial-gradient(1200px 600px at 100% -10%,rgba(34,225,255,.06),transparent 70%),
    radial-gradient(900px 500px at -10% 30%,rgba(167,139,250,.04),transparent 70%),
    var(--soc-bg);position:relative
}
body::before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.38;
  background-image:
    linear-gradient(60deg,transparent 49.5%,rgba(34,225,255,.07) 50%,transparent 50.5%),
    linear-gradient(-60deg,transparent 49.5%,rgba(34,225,255,.07) 50%,transparent 50.5%),
    linear-gradient(0deg,transparent 49.5%,rgba(34,225,255,.04) 50%,transparent 50.5%);
  background-size:36px 62px;mask-image:radial-gradient(#000 30%,transparent 80%)
}
a{color:var(--soc-cy);text-decoration:none}
a:hover{color:#7df2ff;text-decoration:underline}

.soc-tb{position:sticky;top:0;z-index:50;background:rgba(7,11,20,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--soc-line)}
.soc-tb-row{display:flex;align-items:center;gap:14px;padding:9px 22px;font-size:12px;flex-wrap:wrap;max-width:1240px;margin:0 auto}
.soc-live{display:inline-flex;align-items:center;gap:6px;color:var(--soc-gn);font-weight:600;letter-spacing:.06em;font-family:'JetBrains Mono',monospace}
.soc-live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--soc-gn);box-shadow:0 0 8px var(--soc-gn);animation:bp 1.6s infinite}
@keyframes bp{50%{opacity:.3}}
.soc-crumb{color:var(--soc-ink3);font-family:'JetBrains Mono',monospace;font-size:11px;display:inline-flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.soc-crumb a{color:var(--soc-ink3);text-decoration:none;transition:.12s}
.soc-crumb a:hover{color:var(--soc-ink);text-decoration:none}
.soc-crumb b{color:var(--soc-ink2);font-weight:600}
.soc-crumb a b{color:var(--soc-ink2);font-weight:600}
.soc-crumb a:hover b{color:var(--soc-ink)}
.soc-crumb .here{color:var(--soc-cy);font-weight:700}
.soc-crumb .sep{color:var(--soc-ink4)}
.soc-clock{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--soc-ink3);margin-left:auto}

.sev{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:4px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;font-weight:700;text-transform:uppercase}
.sev .dot{width:6px;height:6px;border-radius:50%;background:currentcolor}
.sev.green{background:rgba(61,220,132,.12);color:var(--soc-gn);border:1px solid rgba(61,220,132,.3)}
.sev.cyan {background:rgba(34,225,255,.10);color:var(--soc-cy);border:1px solid rgba(34,225,255,.25)}
.sev.rd   {background:rgba(255,85,119,.10);color:var(--soc-rd);border:1px solid rgba(255,85,119,.3)}
.sev.am   {background:rgba(255,181,71,.10);color:var(--soc-am);border:1px solid rgba(255,181,71,.3)}
.sev.vi   {background:rgba(167,139,250,.10);color:var(--soc-vi);border:1px solid rgba(167,139,250,.3)}

.sev-link{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:4px;text-decoration:none;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;font-weight:700;text-transform:uppercase;color:var(--soc-ink2);background:rgba(255,255,255,.02);border:1px solid var(--soc-line);transition:.15s}
.sev-link:hover{color:var(--soc-cy);border-color:rgba(34,225,255,.4);background:rgba(34,225,255,.06);text-decoration:none}
.sev-link .ar{font-size:.95em;opacity:.7;margin-left:1px}
.sev-link:hover .ar{opacity:1}