:root{
  --paper:#F3EEDF;
  --paper-line:#E2D9BE;
  --card:#FBF8EE;
  --ink:#16140F;
  --lime:#D8FF3E;
  --lime-dark:#B9E016;
  --red:#C4271B;
  --muted:#7A7364;
  --border:2px solid var(--ink);
  --sidebar-bg:#16140F; /* fixo — sidebar e badges pretos não mudam com o tema */
}
*{box-sizing:border-box; margin:0; padding:0;}
body{
  font-family:'Inter',sans-serif;
  background:
    linear-gradient(var(--paper-line) 1px, transparent 1px) 0 0/28px 28px,
    linear-gradient(90deg, var(--paper-line) 1px, transparent 1px) 0 0/28px 28px,
    var(--paper);
  color:var(--ink);
  min-height:100vh;
  transition:background-color .2s, color .2s;
}
.eyebrow{
  font-family:'Space Mono',monospace;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--muted);
}
h1{font-family:'Space Grotesk'; font-weight:700; font-size:34px; letter-spacing:-.01em;}
.subhead{color:var(--muted); font-size:14px; margin-top:4px;}

.stat-row{display:flex; gap:10px;}
.stat{
  background:var(--card); border:var(--border); border-radius:10px;
  padding:8px 14px; box-shadow:4px 4px 0 var(--ink);
  text-align:center; min-width:84px;
}
.stat b{font-family:'Space Grotesk'; font-size:20px; display:block;}
.stat span{font-family:'Space Mono'; font-size:9px; color:var(--muted); text-transform:uppercase; letter-spacing:.08em;}

.view{display:none;}
.view.active{display:block;}