.dns-bloat{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.8fr);gap:28px;margin:24px 0;padding:28px;border:1px solid #53647d;border-radius:24px;background:linear-gradient(135deg,#14213a,#0b1425 70%);color:#e4edfa;box-shadow:inset 0 1px 0 #a1b4cb44,0 14px 40px #0003;overflow:hidden}
.dns-bloat[hidden]{display:none}.dns-bloat-visual{text-align:center;align-self:center}.dns-bloat-visual svg{width:100%;max-width:340px;display:block;margin:auto}.dns-bloat-kicker{text-transform:uppercase;letter-spacing:2px;font-size:.72rem;color:#9cb5cc;font-weight:700}.dns-bloat-visual small{display:block;color:#b8c8dc;font-size:.7rem}.dns-bloat-content{min-width:0}.dns-bloat-content h2{margin:0 0 12px;font-size:1.6rem;letter-spacing:-.04em;color:inherit}.dns-bloat-content p{font-size:.9rem;line-height:1.6;color:inherit}.dns-bloat-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.dns-bloat-metrics>div{padding:12px;border:1px solid #8199bb44;border-radius:12px;background:#ffffff06;min-width:0}.dns-bloat-metrics strong{display:block;font-size:1.05rem;color:#6de5ce;overflow-wrap:anywhere}.dns-bloat-metrics span{display:block;font-size:.72rem;color:#bdcbde;margin-top:5px}.dns-bloat-content .dns-bloat-evidence{font-size:.75rem;color:#adbed4;overflow-wrap:anywhere}.dns-bloat details{font-size:.8rem;margin:10px 0}.dns-bloat summary{cursor:pointer;color:#d5e1f2}.dns-bloat pre,.dns-bloat li{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.dns-bloat pre{max-height:180px;overflow:auto}.dns-bloat ul{padding-left:18px}
html[data-theme=light] .dns-bloat{background:linear-gradient(135deg,#f3f8ff,#e7eef8);color:#172d49;border-color:#9aacbf;box-shadow:inset 0 1px #fff,0 10px 30px #183a6010}html[data-theme=light] .dns-bloat-metrics strong{color:#126d62}html[data-theme=light] .dns-bloat-metrics span,html[data-theme=light] .dns-bloat-kicker,html[data-theme=light] .dns-bloat-visual small,html[data-theme=light] .dns-bloat-content .dns-bloat-evidence{color:#4c617b}html[data-theme=light] .dns-bloat summary{color:#253e5c}
[data-bloat-needle]{transform-box:view-box;transform-origin:160px 165px;transition:transform 1.1s cubic-bezier(.2,.7,.25,1)}.dns-bloat-content .dns-bloat-advisory{padding:10px 12px;border-left:3px solid #6de5ce;background:#6de5ce0b;font-size:.8rem}.dns-bloat-findings h3{font-size:.95rem;margin:16px 0 6px}.dns-bloat-findings p{font-size:.8rem;margin:6px 0;overflow-wrap:anywhere}.dns-bloat-reference{margin:20px 0;padding:16px 20px;border:1px solid #8199bb66;border-radius:14px;overflow-wrap:anywhere}.dns-bloat-reference[hidden]{display:none}.dns-bloat-reference p{font-size:.85rem;line-height:1.6}.dns-bloat-reference a{color:inherit;text-decoration:underline}.dns-bloat-reference strong{font-size:.95rem}
.dns-bloat-rating{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 16px;margin:14px 0;padding:12px 16px;border:1px solid currentColor;border-radius:12px;color:#ffb084}.dns-bloat-rating strong{font-size:2rem;line-height:1.15;letter-spacing:-.04em}.dns-bloat-rating span{font-size:.75rem}.dns-bloat-rating[data-bloat-level=lean]{color:#6de5ce}.dns-bloat-rating[data-bloat-level=moderate]{color:#f7cd65}.dns-bloat-rating[data-bloat-level=untested]{color:#b8c8dc}html[data-theme=light] .dns-bloat-rating{color:#a84513}html[data-theme=light] .dns-bloat-rating[data-bloat-level=lean]{color:#126d62}html[data-theme=light] .dns-bloat-rating[data-bloat-level=moderate]{color:#805c05}
@media(prefers-reduced-motion:reduce){[data-bloat-needle]{transition:none!important}}
@media(max-width:800px){.dns-bloat{grid-template-columns:1fr;gap:18px;padding:20px}.dns-bloat-visual svg{max-width:290px}.dns-bloat-content h2{font-size:1.4rem}}@media(max-width:420px){.dns-bloat{padding:16px;border-radius:18px}.dns-bloat-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}