#mr-dns{--ink:#0b0b0d;--raise:#141417;--card:#17171a;--line:#2b2b33;--line-hi:#3d3d47;
  --gold:#ffcc33;--gold-text:#ffcc33;--text:#f0f0f4;--muted:#b4b4be;--dim:#8f8f9a;
  --green:#4cd97b;--amber:#ffb020;
  --display:'Archivo',Arial,sans-serif;--body:'Lato',Arial,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  background:var(--ink);color:var(--text);font-family:var(--body);line-height:1.7}
#mr-dns *{box-sizing:border-box;margin:0;padding:0}
#mr-dns .w{max-width:720px;margin:0 auto;padding:64px 24px 90px}
#mr-dns .kick{font-family:var(--mono);font-size:12px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--gold-text,var(--gold));margin-bottom:14px}
#mr-dns h1{font-family:var(--display);font-weight:700;font-size:clamp(28px,4vw,40px);
  letter-spacing:-.025em;line-height:1.1}
#mr-dns p{color:var(--muted);font-weight:400;margin-top:16px}
#mr-dns p b{color:var(--text);font-weight:400}
#mr-dns .box{background:var(--card);border:1px solid var(--line-hi);border-radius:12px;
  padding:24px;margin:32px 0}
#mr-dns .sw{display:flex;align-items:center;gap:16px}
#mr-dns .sw .t{flex:1}
#mr-dns .sw .t b{display:block;font-family:var(--display);font-weight:700;font-size:16px;
  color:var(--text)}
#mr-dns .sw .t span{font-size:14.5px;color:var(--dim)}
#mr-dns button{background:var(--gold);border:none;border-radius:9px;padding:13px 24px;
  color:#0b0b0d;font-family:var(--body);font-weight:700;font-size:14px;cursor:pointer;
  white-space:nowrap}
#mr-dns button.off{background:none;border:1px solid var(--line-hi);color:var(--muted);
  font-weight:400}
#mr-dns button:disabled{opacity:.55;cursor:not-allowed}
#mr-dns .state{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);
  font-family:var(--mono);font-size:12px;letter-spacing:.06em;display:flex;
  align-items:center;gap:9px}
#mr-dns .led{width:8px;height:8px;border-radius:50%;background:var(--dim);flex:none}
#mr-dns .led.on{background:var(--green);box-shadow:0 0 0 4px rgba(76,217,123,.15)}
#mr-dns .gpcnote{background:rgba(76,217,123,.07);border:1px solid rgba(76,217,123,.35);
  border-radius:10px;padding:15px 17px;margin-top:18px;font-size:14.5px;
  color:#b7ecc9;display:none}
#mr-dns .gpcnote.on{display:block}
#mr-dns h2{font-family:var(--display);font-weight:600;font-size:19px;margin:34px 0 0;
  letter-spacing:-.015em}
#mr-dns ul{margin:12px 0 0 20px;color:var(--muted);font-weight:400}
#mr-dns li{margin-bottom:8px}
#mr-dns .fine{font-family:var(--mono);font-size:13px;color:var(--dim);margin-top:34px;
  padding-top:20px;border-top:1px solid var(--line);line-height:1.9}
#mr-dns a{color:var(--gold-text,var(--gold))}
#mr-dns :focus-visible{outline:2px solid var(--gold);outline-offset:3px}