:root{--bg:#0b1320;--card:#111a2b;--muted:#7c8aa0;--text:#e6edf6;--accent:#4fd1c5;--accent2:#60a5fa;--border:#22324a;--focus:#99f6e4}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:var(--accent2);text-decoration:none} a:hover{text-decoration:underline}
header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border);backdrop-filter:saturate(140%) blur(10px);
  background:linear-gradient(180deg,#0b1320 0,rgba(11,19,32,.9) 70%,rgba(11,19,32,0) 100%)}
.wrap{max-width:1100px;margin:0 auto;padding:16px}
.row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px}
.logo{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-weight:800;color:#0b1320;
  background:linear-gradient(135deg,var(--accent),var(--accent2))}
h1{font-size:22px;margin:0} h2{font-size:16px;margin:12px 0 6px}
.muted,.small{color:var(--muted)} .small{font-size:12px}
.controls{display:grid;gap:12px;margin-top:12px}
.filters-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
input[type=search],select,button.copy-btn{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text);outline:0;font:inherit;cursor:pointer}
button.copy-btn{width:auto}
input[type=search]:focus,select:focus,button.copy-btn:focus{box-shadow:0 0 0 3px var(--focus)}
.az{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
.az button{min-width:28px;padding:6px 8px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer}
.az button.active{background:var(--accent);color:#0b1320;border-color:transparent}
.grid{display:grid;grid-template-columns:1fr;gap:12px}
.card{border:1px solid var(--border);background:var(--card);border-radius:12px;padding:12px}
.domain{font-weight:700;word-break:break-all}
.domain a{color:var(--text)}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tag{font-size:12px;padding:4px 8px;border-radius:6px;background:#1e2a44;border:1px solid var(--border)}
.tag.danger{background:#2a1717;border-color:#5f2323;color:#fbaaaa}
.tag.status-active{background:#2a1717;border-color:#5f2323;color:#fbaaaa}
.tag.status-paused{background:#2a2217;border-color:#5f4423;color:#fdd4aa}
.tag.status-dead{background:#1e2430;border-color:#334155;color:#94a3b8}
.count{margin:10px 0 0} .spacer{height:10px}
.notice{padding:8px 12px;border:1px dashed var(--border);border-radius:10px;background:#0f1729;color:var(--muted);margin:10px 0}
.notice.error{color:#ffb4b4}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
footer{border-top:1px solid var(--border);margin-top:20px;padding:16px 0}
.footer-row{display:grid;grid-template-columns:1fr 1fr 248px;gap:14px;align-items:center}
.footer-meta{justify-self:start;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.footer-links{justify-self:center;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.mapmyvisitors-wrap{width:248px;max-width:248px;justify-self:end;min-height:140px;overflow:visible}
.domain-index-list{columns:3;gap:24px;list-style:none;padding:0;margin:12px 0}
.domain-index-list a{word-break:break-all}
.domain-page .warning{color:#fbaaaa;margin:8px 0}
.domain-actions{gap:12px;margin-top:12px}
@media(max-width:679px){
  .filters-row{grid-template-columns:1fr}
  .grid{grid-template-columns:1fr}
  .footer-row{grid-template-columns:1fr;justify-items:center;text-align:center}
  .footer-meta,.footer-links,.mapmyvisitors-wrap{justify-self:center}
  .domain-index-list{columns:1}
}
@media(min-width:680px){.grid{grid-template-columns:1fr 1fr}}