:root{
  --bg:#0b0f16;
  --card:#0e1420;
  --accent:#00ffd1;
  --accent2:#57a6ff;
  --text:#e7f6ff;
  --muted:#8aa4b6;
  --chip:#0b1e2f;
  --danger:#ff5d5d;
}
.cyber-wrap{display:grid;place-items:center;padding:32px;background:radial-gradient(1200px 600px at 10% 10%,rgba(0,255,209,.08),transparent),#05070b;}
.cyber-card{width:min(960px,95%);background:linear-gradient(180deg,rgba(87,166,255,.08),transparent),var(--card);border:1px solid rgba(87,166,255,.25);border-radius:18px;box-shadow:0 0 40px rgba(0,255,209,.06);padding:24px 20px 28px}
.cyber-header{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}
.cyber-title{font:700 20px/1.1 ui-monospace,Consolas,monospace;color:var(--accent)}
.cyber-subtitle{color:var(--muted)}
.cyber-form{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 16px}
#cyber-query{flex:1 1 420px;background:#07101a;border:1px solid rgba(87,166,255,.35);color:var(--text);padding:12px 14px;border-radius:12px;outline:none}
#cyber-query:focus{box-shadow:0 0 0 3px rgba(0,255,209,.15)}
.cyber-btn{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#001016;border:none;padding:12px 18px;border-radius:12px;font-weight:700;letter-spacing:.5px;cursor:pointer}
.cyber-btn:hover{filter:brightness(1.05)}
.cyber-toggle{display:flex;align-items:center;gap:8px;color:var(--muted);user-select:none}
.cyber-status{min-height:22px;color:var(--muted);margin:6px 2px}
.cyber-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:8px}
.cyber-card.result{background:linear-gradient(180deg,rgba(0,255,209,.06),transparent),#0a111b;border:1px solid rgba(0,255,209,.25)}
.cyber-db{font:700 12px ui-monospace,Consolas;color:var(--text);margin-bottom:4px;opacity:.9}
.cyber-chip{display:inline-block;background:var(--chip);border:1px solid rgba(87,166,255,.35);color:var(--accent2);padding:2px 6px;border-radius:999px;font:700 10px ui-monospace,Consolas;margin-right:6px;letter-spacing:.4px}
.cyber-info{color:var(--muted);font-size:12px;margin:2px 0 10px}
.cyber-grid{display:grid;gap:8px}
.cyber-field{display:flex;justify-content:space-between;gap:10px;background:#08111b;padding:8px 10px;border:1px solid rgba(87,166,255,.18);border-radius:10px}
.cyber-field span{color:#93bada;font:600 11px ui-monospace,Consolas}
.cyber-field b{color:var(--text);font:600 12px word-break:break-all}
.cyber-empty{color:var(--danger);background:#180d0d;border:1px solid #3b1f1f;padding:12px;border-radius:12px}
.cyber-note{margin-top:14px;color:#b88; font-size:12px}