*{box-sizing:border-box}body{margin:0;background:#0b0f17;color:#e8edf5;font:15px system-ui,-apple-system,sans-serif}main{max-width:1100px;margin:auto;padding:32px 18px}header{text-align:center;margin:20px 0 30px}.brand{font-size:38px;font-weight:800}.brand span{color:#6da8ff}header p,footer{color:#8d99aa}.search{display:flex;gap:10px;background:#121925;padding:14px;border:1px solid #263248;border-radius:14px}.search input{flex:1;background:#0b111b;border:1px solid #33415a;color:white;padding:14px;border-radius:9px;font-size:16px}.search button,.tab{background:#2474e8;color:#fff;border:0;padding:12px 18px;border-radius:9px;font-weight:700;cursor:pointer}#msg{padding:14px 2px;color:#aeb8c7}nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tab{background:#182234;color:#bdc9da}.tab.active{background:#2474e8;color:white}.panel{background:#111824;border:1px solid #263248;border-radius:14px;padding:18px}.group{margin-bottom:22px}.group h2{font-size:17px;margin:0 0 10px;color:#8fbcff}.row{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid #202b3c}.val{word-break:break-word;font-family:ui-monospace,SFMono-Regular,monospace}.muted{color:#8d99aa}.ok{color:#72d69a}.warn{color:#ffd277}pre{white-space:pre-wrap;word-break:break-word;background:#090e16;padding:14px;border-radius:9px;overflow:auto}footer{text-align:center;margin-top:28px}@media(max-width:600px){.search{flex-direction:column}.row{grid-template-columns:1fr;gap:3px}}