:root{
  --bg:#0a0a0a;--fg:#f4f4f0;--muted:#9a9a92;--line:#2b2b2b;
  --accent:#b8ff19;--panel:#121212;--warn:#ffcf3f;
  color-scheme:dark;
}
*{box-sizing:border-box}
body{
  background:var(--bg);color:var(--fg);
  max-width:760px;margin:0 auto;padding:16px;
  overflow-wrap:anywhere;line-height:1.5;
  font-family:system-ui,sans-serif;
}
.badge,.note,#status,table,summary,footer,.cap{font-family:ui-monospace,Menlo,monospace}
a{color:var(--accent);text-decoration:underline}
input#s6,input#s7,input#facts{
  position:absolute;width:1px;height:1px;
  clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;
}
.hero{text-align:center;padding:20px 0}
.switch{display:flex;justify-content:center;gap:1rem;user-select:none}
.switch label{
  font-size:clamp(5rem,22vw,11rem);font-weight:800;line-height:1;
  cursor:pointer;color:var(--muted);opacity:.35;transition:color .2s,opacity .2s,transform .2s;
}
#s6:checked~.hero label[for=s6],
#s7:checked~.hero label[for=s7]{color:var(--accent);opacity:1;transform:scale(1.04)}
#s6:focus-visible~.hero label[for=s6],
#s7:focus-visible~.hero label[for=s7],
#facts:focus-visible~#mode .mode-toggle{outline:3px solid var(--accent);outline-offset:4px}
.cap7{display:none}
#s7:checked~.hero .cap7{display:block}
#s7:checked~.hero .cap6{display:none}
.badge{
  display:inline-block;border:1px solid var(--line);border-radius:999px;
  padding:2px 12px;margin:4px;color:var(--muted);font-size:.8rem;
}
.badge+.badge{border-color:var(--warn);color:var(--warn)}
.note{color:var(--muted);font-size:.85rem}
section{
  background:var(--panel);border:1px solid var(--line);
  border-radius:14px;padding:20px;margin:16px 0;
}
#status{border-color:var(--accent)}
h2{color:var(--accent);margin-top:0}
#risks h2{color:var(--fg)}
#cert{display:none}
#s7:checked~#cert{
  display:block;border:2px dashed var(--accent);
  transform:rotate(-2deg);position:relative;
}
#s7:checked~#cert::after{
  content:"VOID IF TAKEN SERIOUSLY";
  position:absolute;top:8px;right:12px;
  color:var(--accent);font-family:ui-monospace,Menlo,monospace;
  font-size:.75rem;letter-spacing:.15em;opacity:.8;
}
.mode-toggle{
  display:inline-block;border:1px solid var(--accent);border-radius:8px;
  padding:6px 14px;cursor:pointer;color:var(--accent);
  font-family:ui-monospace,Menlo,monospace;transition:background .2s,color .2s;
}
.facts-text{display:none}
#facts:checked~#mode .facts-text{display:block}
#facts:checked~#mode .mode-toggle{background:var(--accent);color:var(--bg)}
table{width:100%;border-collapse:collapse;font-size:.9rem}
th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
th{color:var(--accent)}
@media (max-width:560px){table{display:block;overflow-x:auto}}
details{border:1px solid var(--line);border-radius:14px;padding:12px 20px;margin:16px 0;background:var(--panel)}
summary{cursor:pointer;color:var(--accent)}
summary::before{content:"+ ";color:var(--accent)}
details[open]>summary::before{content:"− "}
footer{color:var(--muted);font-size:.85rem;padding:8px 0 32px}
footer .promo{
  display:inline-block;margin-top:8px;padding:4px 12px;border:1px dashed var(--line);
  border-radius:8px;
}
@media (prefers-reduced-motion:reduce){
  .switch label,.mode-toggle{transition:none}
  #s6:checked~.hero label[for=s6],#s7:checked~.hero label[for=s7]{transform:none}
}
@media print{
  body{background:#fff;color:#000;max-width:none}
  body>*{display:none!important}
  #cert{display:block!important;border-color:#000;transform:none}
  #cert::after{content:"VOID IF TAKEN SERIOUSLY";color:#000}
}