:root{--bg:#0b1020;--panel:#121933;--panel2:#182140;--text:#e8ecf7;--muted:#aeb8d4;--accent:#7aa2ff;--border:#28345f;--ok:#91f0c0;--danger:#ff8f8f;--warn:#ffd479;--sidebar:#0f1730;--shadow:0 16px 40px rgba(0,0,0,.28)}
:root.light{--bg:#eef2f8;--panel:#ffffff;--panel2:#f4f6fb;--text:#13203a;--muted:#53617c;--accent:#356dff;--border:#d7def0;--sidebar:#111827;--shadow:0 12px 34px rgba(31,41,55,.12)}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,var(--bg),#0d1430);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.light body, :root.light body{background:#eef2f8}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#111a34,#0c1328);border-right:1px solid var(--border);position:sticky;top:0;height:100vh;overflow:auto;padding:18px 12px}.brand{display:flex;gap:12px;align-items:center;padding:4px 8px 18px}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(180deg,var(--accent),#5e86ff);display:grid;place-items:center;font-weight:900}.brand-title{font-size:22px;font-weight:900}.brand-sub{font-size:12px;color:var(--muted)}.nav{display:grid;gap:6px}.nav-item{border:1px solid transparent;background:transparent;color:#dfe8ff;text-align:left;padding:12px 14px;border-radius:12px;cursor:pointer;font-weight:750}.nav-item:hover{background:rgba(122,162,255,.09)}.nav-item.active{background:linear-gradient(180deg,rgba(122,162,255,.28),rgba(122,162,255,.16));border-color:rgba(122,162,255,.28)}.main{min-width:0;padding:24px;max-width:1800px;width:100%;margin:0 auto}.topbar{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.topbar h1{margin:0;font-size:clamp(28px,3vw,42px)}.topbar p,.sub,.muted{color:var(--muted);line-height:1.5}.top-actions{display:flex;gap:8px}.menu-btn{display:none}.ghost{width:auto;background:var(--panel);border:1px solid var(--border);color:var(--text)}button,input,select{font:inherit}button{background:linear-gradient(180deg,var(--accent),#5e86ff);border:0;color:white;font-weight:800;padding:12px 16px;border-radius:12px;cursor:pointer}button.secondary{background:#24305a;border:1px solid var(--border)}button.danger{background:#4a2330;border:1px solid #7a3a4c}button.small{padding:10px 12px;width:auto}.card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.hero{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.hero h2{margin:0 0 8px;font-size:30px}.hero p{margin:0;color:var(--muted)}.hero-badges{display:flex;flex-wrap:wrap;gap:8px}.pill,.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(145,240,192,.13);color:var(--ok);font-size:12px;font-weight:800}.badge.bad{background:rgba(255,143,143,.14);color:var(--danger)}.badge.warn{background:rgba(255,212,121,.14);color:var(--warn)}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:1.2fr .8fr}.grid.three{grid-template-columns:1fr .4fr auto}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.feature-card{cursor:pointer;transition:.18s transform,.18s border-color}.feature-card:hover{transform:translateY(-2px);border-color:rgba(122,162,255,.45)}.feature-card h3{margin:0 0 8px}.feature-card p{margin:0;color:var(--muted)}label{display:block;color:var(--muted);font-size:13px;margin-bottom:7px}input,select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--panel2);color:var(--text);outline:none}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.status{display:none;margin-top:14px;padding:12px 14px;border-radius:12px;background:rgba(122,162,255,.12);border:1px solid rgba(122,162,255,.22)}.status.error{background:rgba(255,120,120,.12);border-color:rgba(255,120,120,.25)}.tool-panel{display:none}.tool-panel.active{display:block}.tool-card h2{margin-top:0}.resolver-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:8px}.compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:16px;align-items:start;margin-top:16px}.custom-columns{display:contents}.hidden{display:none!important}.col-head,.section-title,.result-head,.registrar-box-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.col-head h2,.section-title h2{margin:0}.record-card,.result-box{background:rgba(24,33,64,.9);border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-top:12px}.record-head,.result-head{padding:12px 14px;border-bottom:1px solid var(--border)}.result-body{padding:14px}.empty{padding:14px;color:var(--muted)}.table-wrap{overflow-x:auto;width:100%}table{width:100%;border-collapse:collapse;min-width:560px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}th{color:var(--muted);font-size:13px}.kv{display:grid;grid-template-columns:220px 1fr;border:1px solid var(--border);border-radius:12px;overflow:hidden}.kv>div{padding:10px 12px;border-bottom:1px solid var(--border)}.kv>div:nth-last-child(-n+2){border-bottom:0}.kv .k{font-weight:800;background:rgba(255,255,255,.035)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow:auto}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.mini{background:var(--panel2);border:1px solid var(--border);border-radius:14px;padding:14px}.mini .k{font-size:13px;color:var(--muted);margin-bottom:6px}.mini .v{font-size:18px;font-weight:850;word-break:break-word}.domain-info-wide{grid-column:1/-1}.registrar-box{margin-top:10px;border:1px solid rgba(122,162,255,.18);border-radius:16px;background:linear-gradient(180deg,rgba(24,33,64,.95),rgba(18,25,51,.95));overflow:hidden}.registrar-box-head{padding:12px 14px;border-bottom:1px solid rgba(122,162,255,.14);background:rgba(122,162,255,.06)}.registrar-box-title{font-size:14px;font-weight:900;color:#dfe8ff}.registrar-box-sub{font-size:12px;color:var(--muted)}.registrar-table{min-width:720px}.registrar-ns{font-weight:900;color:#fff}.ip-badges{display:flex;flex-wrap:wrap;gap:8px}.ip-badge{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;background:rgba(122,162,255,.10);border:1px solid rgba(122,162,255,.18);color:#dfe8ff;white-space:nowrap}.ip-badge.empty{background:rgba(255,255,255,.04);color:var(--muted)}.registrar-empty{padding:16px 14px;color:var(--muted)}#stickyTrigger{height:1px}.sticky-top-card{position:sticky;top:10px;z-index:50;padding:12px 14px;transition:.25s}.sticky-active{background:linear-gradient(180deg,rgba(18,25,51,.98),rgba(18,25,51,.94));backdrop-filter:blur(10px);border-color:rgba(122,162,255,.45);box-shadow:0 12px 40px rgba(0,0,0,.40),0 0 0 1px rgba(122,162,255,.12),0 0 18px rgba(122,162,255,.10)}.domain-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.domain-list div{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 10px;word-break:break-all}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:200;left:-300px;top:0;transition:.2s}.sidebar.open{left:0}.menu-btn{display:inline-flex;width:auto}.grid.two,.grid.three{grid-template-columns:1fr}.compare{grid-template-columns:1fr}.main{padding:16px}.hero{display:block}.domain-info-wide{grid-column:auto}}
/* Footer */

.app-footer{
    position:fixed;
    left:0;
    bottom:0;
    width:280px;
    height:44px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#11172d;
    border-top:1px solid rgba(255,255,255,.08);

    color:#8ea3c6;
    font-size:13px;
    font-weight:500;

    z-index:999;
}

.app-footer strong{
    color:#ffffff;
}
/* DNS Propagation global view */
.prop-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;margin:16px 0;border-radius:18px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(24,33,64,.95),rgba(18,25,51,.95))}
.prop-summary.propagated{border-color:rgba(145,240,192,.35);box-shadow:0 0 24px rgba(145,240,192,.08)}
.prop-summary.partial{border-color:rgba(255,210,120,.35);box-shadow:0 0 24px rgba(255,210,120,.08)}
.prop-summary.failed{border-color:rgba(255,120,120,.35);box-shadow:0 0 24px rgba(255,120,120,.08)}
.prop-percent{font-size:42px;font-weight:900;line-height:1}.prop-label{color:var(--muted);margin-top:6px}.prop-count{font-size:18px;font-weight:800}.tool-box{margin-top:16px;border:1px solid var(--border);border-radius:18px;background:rgba(18,25,51,.92);overflow:hidden}.tool-box-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border);background:rgba(122,162,255,.06)}.pill{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.pill.ok{color:#91f0c0;background:rgba(145,240,192,.12)}.pill.warn{color:#ffd98a;background:rgba(255,217,138,.12)}.pill.bad{color:#ff9b9b;background:rgba(255,155,155,.12)}.answer-chip{display:inline-flex;margin:3px 6px 3px 0;padding:6px 10px;border-radius:999px;background:rgba(122,162,255,.10);border:1px solid rgba(122,162,255,.18);color:#dfe8ff;white-space:nowrap}