:root{color:#f6f7fb;font-synthesis:none;text-rendering:optimizelegibility;background:#070b14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#3b82f62e,#0000 34rem),#070b14;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.app-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:32px 0 48px}.topbar,.section-heading,.panel-header,.input-row{justify-content:space-between;align-items:center;gap:16px;display:flex}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.9rem,4vw,3rem)}h2{margin-bottom:0;font-size:1.6rem}h3{margin-bottom:4px}.eyebrow{color:#83b6ff;letter-spacing:.16em;margin-bottom:6px;font-size:.75rem;font-weight:800}.connection,.badge{border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:800}.connection.connected,.badge.good{color:#9af0c6;background:#10b98124}.connection.degraded,.badge.bad{color:#ffb4b4;background:#ef444424}.connection.checking,.badge.neutral{color:#c4cad7;background:#94a3b824}.safety-banner{color:#fde68a;background:#713f1240;border:1px solid #facc1547;border-radius:14px;margin:24px 0;padding:14px 16px}.tabs{gap:8px;margin-bottom:24px;padding-bottom:4px;display:flex;overflow-x:auto}.tabs button,.primary{color:#dbe5f5;background:#0f172ac7;border:1px solid #94a3b833;border-radius:11px;padding:10px 15px}.tabs button.active,.primary{color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb);border-color:#60a5fa73}.stack{gap:16px;display:grid}.panel,.lookup-form{background:#0f172ac2;border:1px solid #94a3b829;border-radius:16px;padding:18px;box-shadow:0 18px 48px #0000002e}.subtle,.timestamp{color:#8f9bb0;font-size:.78rem}.timestamp{margin:10px 0 0}.error-text{color:#fda4af}pre{color:#d9e7ff;white-space:pre-wrap;word-break:break-word;background:#050810;border-radius:12px;max-height:420px;margin:14px 0 0;padding:14px;overflow:auto}.lookup-form label{color:#b8c4d8;margin-bottom:9px;font-weight:700;display:block}input{color:#f8fafc;background:#080d18;border:1px solid #94a3b840;border-radius:11px;outline:none;width:100%;min-width:0;padding:12px 13px}input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f62e}footer{color:#738096;text-align:center;margin-top:28px;font-size:.8rem}@media (width<=680px){.app-shell{width:min(100% - 20px,1120px);padding-top:20px}.topbar,.section-heading,.panel-header,.input-row{flex-direction:column;align-items:stretch}.connection{align-self:flex-start}.input-row button{width:100%}}