.dns-lbl{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--label)}.is-dark .dns-lbl{color:var(--ice)}.dns-hero{background:#fff;box-shadow:0 30px 60px -24px rgba(3,18,74,.35)}.dns-hero-req{display:grid;grid-template-columns:1.3fr 1.3fr .6fr;border-bottom:1px solid var(--line)}.dns-hero-req div{display:grid;gap:6px;padding:14px 16px;border-left:1px solid var(--line);min-width:0}.dns-hero-req div:first-child{border-left:0}.dns-hero-req span{font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--label)}.dns-hero-req b{font:500 13px/1.2 var(--mono);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dns-hero-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 16px}.dns-hero-ans{display:grid;gap:10px}.dns-hero-ans ul,.dns-rs-ans ul{display:grid;gap:6px}.dns-hero-ans li,.dns-rs-ans li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:center;padding:8px 10px;border-radius:8px;background:var(--bg-3);border:1px solid var(--line);font:400 12.5px/1.2 var(--mono);color:var(--ink)}.dns-hero-ans li span,.dns-rs-ans li span{font-weight:500;color:var(--blue)}.dns-hero-time{display:grid;justify-items:center;gap:10px;padding:16px 22px;border-radius:14px;background:var(--bg-2);border:1px solid var(--line)}.dns-hero-time b{font:600 clamp(36px,3.4vw,52px)/.9 var(--display);letter-spacing:-.05em;color:var(--ink)}.dns-hero-time small{margin-left:4px;font:500 14px/1 var(--mono);letter-spacing:0;color:var(--label)}.dns-hero-asserts{display:grid;border-top:1px solid var(--line)}.dns-hero-asserts li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line);font:400 12px/1.35 var(--mono);color:var(--body)}.dns-hero-asserts i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(46,184,124,.15);font-size:10px}.dns-hero-asserts em,.dns-hero-asserts i{color:#13744A;font-style:normal}.dns-hero-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 16px;font:400 11px/1.3 var(--mono);color:var(--label)}.dns-rec{border-radius:24px;border:1px solid var(--line);background:#fff;overflow:hidden}.dns-types{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid var(--line)}.dns-type{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;height:56px;border-left:1px solid var(--line);font:600 17px/1 var(--display);letter-spacing:-.02em;color:var(--label);transition:background .3s var(--ease),color .3s var(--ease)}.dns-type:first-child{border-left:0}.dns-type:hover,.dns-type[aria-selected=true]{color:var(--ink);background:var(--bg-3)}.dns-type[aria-selected=true]{box-shadow:inset 0 -3px 0 var(--blue)}.dns-type i{width:7px;height:7px;border-radius:50%;background:var(--ok)}.dns-type.is-fail i{background:var(--err)}.dns-diff{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dns-col{display:grid;gap:14px;align-content:start;padding:24px}.dns-col+.dns-col{border-left:1px solid var(--line)}.dns-build{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.dns-sel,.dns-val{height:42px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:#fff;font:500 13px/1 var(--mono);color:var(--navy)}.dns-sel{padding-right:30px;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--label) 50%),linear-gradient(135deg,var(--label) 50%,transparent 50%);background-position:calc(100% - 16px) 18px,calc(100% - 11px) 18px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}.dns-val{flex:1 1 220px;min-width:0;background:var(--bg-3)}.dns-sel:hover,.dns-val:hover{border-color:var(--blue-2)}.dns-sel:focus-visible,.dns-val:focus-visible{outline:2px solid var(--blue-bright);outline-offset:2px}.dns-of{font:400 15px/1.4 var(--sans);color:var(--body)}.dns-of b{color:var(--ink);font-weight:600}.dns-col ul{display:grid;gap:8px}.dns-col li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:center;color:#13744A}.dns-col li.bad{color:#B4232A}.dns-col code{display:block;padding:12px 14px;border-radius:10px;background:var(--bg-3);border:1px solid var(--line);font:500 13px/1.3 var(--mono);color:var(--navy);word-break:break-all;transition:background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease)}.dns-col li.bad code{background:rgba(229,72,77,.08);border-color:rgba(229,72,77,.35);color:#B4232A}.dns-verdict{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 24px;border-top:1px solid var(--line);background:rgba(46,184,124,.06);font:400 14px/1.4 var(--sans);color:var(--ink);transition:background .3s var(--ease)}.dns-verdict.is-fail{background:rgba(229,72,77,.06)}.dns-reset{margin-left:auto;height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:#fff;font:500 12px/1 var(--mono);color:var(--ink)}.dns-reset:hover{border-color:var(--blue-2)}.dns-note{padding:0 24px 14px;font:400 11px/1.4 var(--mono);color:var(--label)}.dns-rs{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:24px;align-items:start}.dns-rs-side{display:grid;gap:16px}.dns-rs-hint{font:400 15px/1.5 var(--sans);color:var(--on-dark)}.dns-rs-hint b{font:500 14px/1 var(--mono);color:#fff}.dns-rs-list{display:grid;gap:8px}.dns-rs-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;width:100%;padding:14px 16px;border-radius:14px;background:var(--navy-raised);border:1px solid var(--line-dark);transition:background .3s var(--ease),border-color .3s var(--ease)}.dns-rs-item:hover{border-color:var(--ice)}.dns-rs-item[aria-selected=true]{background:#fff;border-color:#fff}.dns-rs-item .n{display:grid;gap:4px;min-width:0}.dns-rs-item b{font:500 14px/1.2 var(--mono);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dns-rs-item small{font:400 11.5px/1 var(--sans);color:var(--on-dark-2)}.dns-rs-item .ms{font:500 12px/1 var(--mono);color:var(--ice)}.dns-rs-item[aria-selected=true] .ms,.dns-rs-item[aria-selected=true] b{color:var(--ink)}.dns-rs-item[aria-selected=true] small{color:var(--label)}.dns-rs-item[aria-selected=true] .chip-ok{background:rgba(46,184,124,.15);color:#13744A}.dns-rs-item[aria-selected=true] .chip-err{background:rgba(229,72,77,.14);color:#B4232A}.dns-rs-card{display:grid;gap:18px;padding:22px;border-radius:24px;background:#fff;animation:dns-in .45s var(--ease) both}.dns-rs-req{display:grid;grid-template-columns:1.2fr 1.2fr .6fr;border:1px solid var(--line);border-radius:14px;overflow:hidden}.dns-rs-req div{display:grid;gap:6px;padding:12px 14px;border-left:1px solid var(--line);min-width:0}.dns-rs-req div:first-child{border-left:0}.dns-rs-req dt{font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--label)}.dns-rs-req dd{margin:0;font:500 13px/1.2 var(--mono);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dns-rs-ans{display:grid;gap:10px}.dns-rs-ans li.bad{background:rgba(229,72,77,.08);border-color:rgba(229,72,77,.35);color:#B4232A}.dns-rs-verdict{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;padding:14px 16px;border-radius:14px;background:rgba(46,184,124,.07);font:400 13px/1.4 var(--mono);color:var(--body)}.dns-rs-verdict.is-fail{background:rgba(229,72,77,.07)}.dns-rs-verdict b{color:var(--ink);font-weight:500}.dns-rs-verdict p{grid-column:1/-1;font:400 14px/1.5 var(--sans);color:var(--ink)}.dns-rs-foot{font:400 11px/1 var(--mono);color:var(--label)}.dns-dp-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding:14px 18px;border-bottom:1px solid var(--line)}.dns-dp-rule{font:400 12px/1.3 var(--mono);color:var(--label)}.dns-dp-rule b{color:var(--ink);font-weight:500}.dns-dp-body{display:grid;grid-template-columns:minmax(0,1fr) 260px}.dns-dp-plot{padding:16px 18px 18px;min-width:0}.dns-dp-axis,.dns-dp-rows li{display:grid;grid-template-columns:140px minmax(0,1fr) 64px;gap:14px;align-items:center}.dns-dp-axis{padding:0 8px 8px;margin:0 -8px;font:400 10.5px/1 var(--mono);color:var(--muted)}.dns-dp-axis div{display:flex;justify-content:space-between}.dns-dp-rows li{padding:6px 8px;margin:0 -8px;border-radius:10px;transition:background .3s var(--ease)}.dns-dp-rows li.is-sel{background:var(--bg-3)}.dns-dp-name{display:grid;gap:3px;text-align:left;min-width:0}.dns-dp-name b{font:500 14px/1.1 var(--sans);color:var(--ink)}.dns-dp-name small{font:400 10.5px/1 var(--mono);color:var(--label)}.dns-dp-name[aria-pressed=true] b{color:var(--blue)}.dns-dp-name:focus-visible{outline:2px solid var(--blue-bright);outline-offset:4px;border-radius:6px}.dns-dp-track{position:relative;height:28px;border-radius:6px;background:linear-gradient(var(--line),var(--line)) 0 50%/100% 1px no-repeat}.dns-dp-track:after{content:"";position:absolute;top:-4px;bottom:-4px;left:var(--lim);border-left:1.5px dashed rgba(229,72,77,.6)}.dns-dp-track i{position:absolute;top:50%;left:var(--x);width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--blue-2);opacity:.5;cursor:pointer;transition:transform .2s var(--ease),opacity .2s var(--ease)}.dns-dp-rows li.is-sel .dns-dp-track i{opacity:.8}.dns-dp-track i.over{background:var(--err);opacity:.85}.dns-dp-track i:hover{transform:scale(1.6);opacity:1;z-index:1}.dns-dp-track em{position:absolute;top:2px;bottom:2px;left:var(--x);width:3px;margin-left:-1.5px;border-radius:2px;pointer-events:none}.dns-dp-track em.p50{background:var(--navy)}.dns-dp-track em.p95{background:var(--warn)}.dns-dp-v{font:500 12.5px/1 var(--mono);color:var(--ink);text-align:right}.dns-dp-v.over{color:#B4232A}.dns-dp-key{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;font:400 11px/1 var(--mono);color:var(--label)}.dns-dp-key span{display:inline-flex;align-items:center;gap:6px}.dns-dp-key i{display:inline-block}.dns-dp-key .d{width:8px;height:8px;border-radius:50%;background:var(--blue-2);opacity:.7}.dns-dp-key .t50{background:var(--navy)}.dns-dp-key .t50,.dns-dp-key .t95{width:3px;height:12px;border-radius:2px}.dns-dp-key .t95{background:var(--warn)}.dns-dp-key .lim{width:0;height:12px;border-left:1.5px dashed rgba(229,72,77,.6)}.dns-dp-card{display:grid;gap:14px;align-content:start;padding:18px;border-left:1px solid var(--line);background:var(--bg-2)}.dns-dp-card dl{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dns-dp-card dl div{display:grid;gap:6px;padding:12px;border-radius:12px;background:#fff;border:1px solid var(--line)}.dns-dp-card dt{font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--label)}.dns-dp-card dd{margin:0;font:600 20px/1 var(--display);letter-spacing:-.03em;color:var(--ink)}.dns-dp-card dd.over{color:#B4232A}.dns-dp-read{font:400 12.5px/1.45 var(--mono);color:var(--body);min-height:3em}.dns-dp-read b{color:var(--ink);font-weight:500}.dns-more{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:28px}.dns-more p{font-size:14.5px;line-height:1.5;color:var(--body);max-width:62ch}@keyframes dns-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:1180px){.dns-dp-body{grid-template-columns:1fr}.dns-dp-card{border-left:0;border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr)}.dns-dp-card dl{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:980px){.dns-rs{grid-template-columns:1fr}}@media (max-width:720px){.dns-hero-req{grid-template-columns:1fr 1fr}.dns-hero-req div:last-child{display:none}.dns-hero-body{grid-template-columns:1fr}.dns-hero-time{grid-auto-flow:column;justify-content:space-between;align-items:center}.dns-types{grid-template-columns:repeat(3,minmax(0,1fr))}.dns-type:nth-child(4){border-left:0}.dns-type:nth-child(n+4){border-top:1px solid var(--line)}.dns-diff{grid-template-columns:1fr}.dns-col{padding:16px}.dns-col+.dns-col{border-left:0;border-top:1px solid var(--line)}.dns-sel,.dns-val{flex:1 1 100%;width:100%}.dns-verdict{padding:12px 16px}.dns-rs-card{padding:16px}.dns-rs-req{grid-template-columns:1fr 1fr}.dns-rs-req div:last-child{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.dns-dp-plot{padding:12px}.dns-dp-axis{display:none}.dns-dp-rows li{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}.dns-dp-track{grid-column:1/-1;grid-row:2}.dns-dp-name{grid-template-columns:auto auto;justify-content:start;align-items:baseline;gap:8px}.dns-dp-card dl{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.dns-rs-card{animation:none}.dns-col code,.dns-dp-rows li,.dns-dp-track i,.dns-verdict{transition:none}}.is-dark .dns-rs-card .dns-lbl{color:var(--label)}.is-dark .dns-rs-card .chip-ok{background:rgba(46,184,124,.15);color:#13744A}.is-dark .dns-rs-card .chip-err{background:rgba(229,72,77,.14);color:#B4232A}