:root{
    --bg:#0d1220; --panel:#151c2e; --panel2:#1b2438; --line:#26304a;
    --text:#e7ecf5; --muted:#94a0b8; --accent:#4da3ff;
    --ok:#22c55e; --warn:#f59e0b; --bad:#ef4444;
  }
  *{box-sizing:border-box}
  body{margin:0;background:var(--bg);color:var(--text);
    font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
  a{color:var(--accent);text-decoration:none}
  a:hover{text-decoration:underline}
  .wrap{max-width:760px;margin:0 auto;padding:32px 20px 64px}
  header h1{font-size:1.9rem;line-height:1.2;margin:0 0 8px}
  header p.sub{color:var(--muted);margin:0 0 28px;font-size:1.05rem}
  .tool{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px}
  .row{display:flex;gap:10px;flex-wrap:wrap}
  input[type=text]{flex:1 1 320px;min-width:0;background:var(--panel2);border:1px solid var(--line);
    color:var(--text);border-radius:10px;padding:13px 14px;font-size:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
  select{background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:0 12px;font-size:.95rem}
  button.go{background:var(--accent);color:#04121f;border:0;border-radius:10px;padding:13px 22px;
    font-size:1rem;font-weight:600;cursor:pointer;flex:0 0 auto}
  button.go:disabled{opacity:.5;cursor:default}
  .hint{color:var(--muted);font-size:.85rem;margin-top:10px}
  #out{margin-top:22px}
  .card{background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:18px;margin-top:14px}
  .score{display:flex;align-items:center;gap:14px}
  .badge{font-weight:700;font-size:1.05rem;padding:6px 14px;border-radius:999px;white-space:nowrap}
  .b-ok{background:rgba(34,197,94,.15);color:var(--ok);border:1px solid rgba(34,197,94,.4)}
  .b-warn{background:rgba(245,158,11,.15);color:var(--warn);border:1px solid rgba(245,158,11,.4)}
  .b-bad{background:rgba(239,68,68,.15);color:var(--bad);border:1px solid rgba(239,68,68,.4)}
  .tok{font-size:1.15rem;font-weight:600}
  .addr{font-family:ui-monospace,Menlo,monospace;font-size:.8rem;color:var(--muted);word-break:break-all}
  ul.flags{list-style:none;padding:0;margin:12px 0 0}
  ul.flags li{padding:5px 0;border-top:1px solid var(--line)}
  ul.flags li:first-child{border-top:0}
  .kv{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:12px;color:var(--muted);font-size:.9rem}
  .kv b{color:var(--text);font-weight:600}
  .spin{display:inline-block;width:16px;height:16px;border:2px solid var(--line);
    border-top-color:var(--accent);border-radius:50%;animation:sp .7s linear infinite;vertical-align:-3px}
  @keyframes sp{to{transform:rotate(360deg)}}
  .cta{margin-top:18px;background:linear-gradient(135deg,#182a44,#14203a);border:1px solid var(--line);
    border-radius:14px;padding:18px}
  .cta a.btn{display:inline-block;background:var(--accent);color:#04121f;font-weight:600;
    padding:10px 18px;border-radius:10px;margin-top:8px}
  section.copy{margin-top:44px}
  section.copy h2{font-size:1.3rem;margin:30px 0 8px}
  section.copy h3{font-size:1.05rem;margin:22px 0 4px}
  section.copy p,section.copy li{color:#c7d0e0}
  footer{margin-top:48px;color:var(--muted);font-size:.85rem;border-top:1px solid var(--line);padding-top:18px}
  .disc{color:var(--muted);font-size:.8rem;margin-top:10px}.pill-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.pill-nav a{background:var(--panel);border:1px solid var(--line);color:var(--muted);
  padding:6px 14px;border-radius:999px;font-size:.9rem;text-decoration:none}
.pill-nav a:hover{border-color:var(--accent);color:var(--text)}
