*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--bg-elevated:#141414;--bg-hover:#1a1a1a;--fg:#ededed;--muted:#888;--border:#2a2a2a;--gradient-start:#3b82f6;--gradient-end:#8b5cf6;--accent:#60a5fa;--accent-dim:#60a5fa26;--success:#22d3ee;--success-dim:#22d3ee26;--warning:#c4b5fd;--warning-dim:#c4b5fd26;--error:#f9a8d4;--error-dim:#f9a8d426}body{background:var(--bg);color:var(--fg);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}a{color:var(--accent)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-slide-in{animation:.3s ease-out slideIn}.animate-fade-in{animation:.2s ease-out fadeIn}.skeleton{background:linear-gradient(90deg, var(--border) 25%, var(--bg-hover) 50%, var(--border) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite shimmer}.skeleton-pulse{animation:1.5s ease-in-out infinite pulse}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.example-link:hover{transform:translateY(-1px);box-shadow:0 0 12px #3b82f64d,0 0 4px #8b5cf633;border-color:var(--gradient-start)!important}@media (max-width:600px){.example-links{flex-direction:column!important}.result-row{gap:.75rem;flex-direction:column!important}.result-bracket{display:none!important}.result-servers{border-bottom:1px solid var(--border);padding-bottom:.75rem}.result-records code{word-break:break-all}}input:focus,select:focus,button:focus{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:#fff}.site-footer{color:var(--muted);background:var(--bg);border-top:1px solid var(--border);z-index:100;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;display:flex;position:fixed;bottom:0;left:0;right:0}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--fg)}.footer-sep{opacity:.4}