:root{
  --bg:#0e1522; --card:#17202f; --card2:#1d2839; --text:#e8edf5; --muted:#8a97ab;
  --accent:#f5b301; --accent-text:#1a1400;
  --green:#22c55e; --red:#ef4444; --gray:#64748b;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(1200px 500px at 50% -10%,#1b2a45,var(--bg));color:var(--text);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;min-height:100vh}
.wrap{max-width:560px;margin:0 auto;padding:20px 16px 48px}
.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.brand{font-size:30px;font-weight:800;letter-spacing:1px;color:var(--accent)}
.icon-btn{background:var(--card);border:0;color:var(--text);width:38px;height:38px;border-radius:50%;font-size:20px;cursor:pointer}
.icon-btn.spin{animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
h1{font-size:26px;margin:6px 0 8px}
.lead{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 18px}
.reco{display:flex;align-items:center;gap:10px;background:var(--accent);color:var(--accent-text);
  text-decoration:none;border-radius:12px;padding:14px 16px;margin-bottom:14px}
.reco.disabled{background:var(--card2);color:var(--muted);pointer-events:none}
.reco-label{font-weight:700;font-size:15px}
.reco-domain{font-size:13px;opacity:.85;flex:1;text-align:right}
.arrow{font-size:20px}
.search{width:100%;background:var(--card);border:1px solid #243148;color:var(--text);border-radius:10px;padding:11px 14px;font-size:14px;margin-bottom:12px}
.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.item a{display:flex;align-items:center;gap:12px;background:var(--card);color:var(--text);text-decoration:none;padding:13px 14px;border-radius:10px}
.item a:hover{background:var(--card2)}
.dot{width:10px;height:10px;border-radius:50%;background:var(--gray);flex:none}
.item.up .dot{background:var(--green);box-shadow:0 0 8px var(--green)}
.item.down .dot{background:var(--red)}
.item.down a{opacity:.55}
.name{flex:1;font-weight:600;font-size:15px}
.badge{font-size:11px;background:#1e3a8a;color:#bfdbfe;border-radius:6px;padding:2px 7px;margin-left:8px;font-weight:600}
.meta{font-size:12px;color:var(--muted)}
.item.down .meta{color:var(--red)}
.foot{color:var(--muted);font-size:12px;text-align:center;margin:18px 0 0}
.foot.small{font-size:11px;margin-top:8px}