.dns-page{--dns-card:var(--surface);--dns-card-soft:var(--surface-2);--dns-border:var(--border);--dns-text:var(--text);--dns-muted:var(--muted);color:var(--dns-text)}.dns-page [hidden]{display:none!important}.dns-page .dns-body{padding-top:0}.dns-tool{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(16px,2.2vw,26px);min-width:0;padding-bottom:clamp(36px,6vw,72px)}.dns-tool>*,.dns-results,.dns-results>*,.dns-results__header>div,.dns-chart-panel,.dns-table-panel,.dns-table-scroll{min-width:0}.dns-panel,.dns-notice{background:var(--dns-card);border:1px solid var(--dns-border);border-radius:var(--r-lg)}.dns-notice{display:grid;grid-template-columns:30px 1fr;gap:14px;padding:18px 20px;background:color-mix(in srgb,var(--accent) 6%,var(--dns-card))}.dns-notice__mark{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--accent-border);border-radius:50%;color:var(--accent);font:600 14px/1 var(--font-sans)}.dns-notice strong,.dns-method strong{display:block;margin-bottom:4px;font-size:.95rem}.dns-notice p,.dns-method p{margin:0;color:var(--dns-muted);font-size:.88rem;line-height:1.55}.dns-notice__privacy{margin-top:7px!important}.dns-controls{padding:clamp(18px,3vw,28px)}.dns-controls__main,.dns-results__header,.dns-table__heading,.dns-chart__heading,.dns-settings__heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.dns-controls__copy h2,.dns-results__header h2,.dns-table__heading h3,.dns-chart__heading h3,.dns-settings__heading h3{margin:0;color:var(--dns-text);font-size:clamp(1.13rem,1.6vw,1.35rem)}.dns-controls__copy p:not(.dns-eyebrow),.dns-table__heading p,.dns-chart__heading p,.dns-settings__heading p{margin:5px 0 0;color:var(--dns-muted);font-size:.86rem}.dns-eyebrow{margin:0 0 8px;color:var(--accent);font:650 .7rem/1.25 var(--font-sans);letter-spacing:.12em}.dns-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.dns-button{min-height:42px;padding:0 17px;border:1px solid var(--dns-border);border-radius:var(--btn-r);background:var(--dns-card);color:var(--dns-text);cursor:pointer;font:600 .9rem/1 var(--font-sans);transition:border-color var(--dur-2),background var(--dur-2),transform var(--dur-2)}.dns-button:hover:not(:disabled){border-color:var(--accent-border-2);transform:translateY(-1px)}.dns-button:focus-visible,.dns-text-button:focus-visible,.dns-table button:focus-visible,.dns-input:focus-visible,.dns-settings summary:focus-visible{outline:none;box-shadow:var(--focus-ring)}.dns-button:disabled{cursor:not-allowed;opacity:.48}.dns-button--primary{border-color:var(--accent);background:var(--accent);color:var(--on-copper)}.dns-button--primary:hover:not(:disabled){background:var(--accent-hot)}.dns-button--quiet{background:0 0}.dns-button--small{min-height:39px;padding-inline:14px}.dns-run-hint{margin:16px 0 0;color:var(--dns-muted);font-size:.78rem}.dns-progress{margin-top:20px}.dns-progress__meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:var(--dns-muted);font-size:.82rem}.dns-progress__track{height:6px;overflow:hidden;border-radius:10px;background:var(--dns-card-soft)}.dns-progress__track span{display:block;width:0;height:100%;border-radius:inherit;background:var(--accent-grad);transition:width .16s ease}.dns-settings{overflow:clip}.dns-settings summary{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 20px;cursor:pointer;font-weight:650;list-style:none}.dns-settings summary::-webkit-details-marker{display:none}.dns-settings summary::after{width:9px;height:9px;margin-left:16px;border-right:1.5px solid;border-bottom:1.5px solid;content:"";transform:rotate(45deg)translateY(-2px);transition:transform var(--dur-2)}.dns-settings[open] summary::after{transform:rotate(225deg)translate(-2px,-1px)}.dns-settings__summary{margin-left:auto;color:var(--dns-muted);font-size:.8rem;font-weight:450}.dns-settings__body{display:grid;grid-template-columns:minmax(260px,.8fr)minmax(0,1.6fr);border-top:1px solid var(--dns-border)}.dns-settings__section{min-width:0;padding:22px}.dns-settings__section+.dns-settings__section{border-left:1px solid var(--dns-border)}.dns-settings__heading{align-items:flex-start;margin-bottom:14px}.dns-settings__heading h3{font-size:1rem}.dns-settings__heading p{max-width:54ch;line-height:1.45}.dns-text-button{flex:none;padding:5px 0;border:0;background:0 0;color:var(--accent);cursor:pointer;font:600 .8rem/1.35 var(--font-sans);text-align:right}.dns-host-form,.dns-resolver-toolbar{display:flex;align-items:center;gap:8px}.dns-input{width:100%;min-height:40px;padding:8px 11px;border:1px solid var(--dns-border);border-radius:8px;background:var(--dns-card);color:var(--dns-text);font:450 .87rem/1.3 var(--font-sans)}.dns-input::placeholder{color:var(--dns-muted);opacity:.8}.dns-inline-error{margin:8px 0 0;color:#a13e2a;font-size:.8rem}html[data-theme=dark] .dns-inline-error{color:#efa18f}.dns-chip-list{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 0;padding:0;list-style:none}.dns-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:6px 8px 6px 11px;border:1px solid var(--dns-border);border-radius:30px;background:var(--dns-card-soft);color:var(--dns-text);font:500 .78rem/1.2 var(--font-mono)}.dns-chip button{display:grid;place-items:center;width:19px;height:19px;padding:0;border:0;border-radius:50%;background:0 0;color:var(--dns-muted);cursor:pointer;font:500 15px/1 var(--font-sans)}.dns-chip button:hover{background:var(--dns-border);color:var(--dns-text)}.dns-resolver-toolbar{margin-bottom:10px}.dns-resolver-toolbar .dns-input{flex:1 1 240px}.dns-count-badge,.dns-result-count{flex:none;padding:5px 9px;border-radius:30px;background:var(--dns-card-soft);color:var(--dns-muted);font:600 .74rem/1.2 var(--font-sans)}.dns-resolver-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:380px;overflow:auto;border:1px solid var(--dns-border);border-radius:10px}.dns-resolver-option{display:grid;grid-template-columns:16px minmax(0,1fr)auto;align-items:start;gap:9px;padding:10px;border-bottom:1px solid var(--dns-border);color:var(--dns-text);font-size:.79rem}.dns-resolver-option:nth-child(odd){border-right:1px solid var(--dns-border)}.dns-resolver-option:nth-last-child(-n+2){border-bottom:0}.dns-resolver-option input{margin:2px 0 0;accent-color:var(--accent)}.dns-resolver-option strong{display:block;font-weight:600;line-height:1.25}.dns-resolver-option code{display:block;overflow-wrap:anywhere;margin-top:4px;color:var(--dns-muted);font:.68rem/1.4 var(--font-mono)}.dns-resolver-option a{color:var(--accent);font-size:.72rem;text-decoration:none}.dns-resolver-option a:hover{text-decoration:underline}.dns-resolver-option[hidden]{display:none}.dns-custom-resolver{margin-top:18px;padding-top:17px;border-top:1px solid var(--dns-border)}.dns-custom-resolver h4{margin:0;font-size:.9rem}.dns-custom-resolver>p{margin:4px 0 12px;color:var(--dns-muted);font-size:.78rem}.dns-custom-resolver__form{display:grid;grid-template-columns:minmax(110px,.7fr)minmax(190px,1.5fr)auto;align-items:end;gap:9px}.dns-custom-resolver__form label{display:grid;gap:5px;color:var(--dns-muted);font-size:.74rem}.dns-results{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.dns-results__header{align-items:end;padding:4px 0}.dns-results__header h2{font-size:clamp(1.35rem,2vw,1.7rem)}.dns-host-filter{display:grid;grid-template-columns:auto minmax(145px,190px);align-items:center;gap:8px;color:var(--dns-muted);font-size:.8rem}.dns-host-filter .dns-input{min-height:37px;padding-block:6px}.dns-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dns-summary-card{display:grid;gap:4px;min-width:0;padding:16px 18px;border:1px solid var(--dns-border);border-radius:14px;background:var(--dns-card)}.dns-summary-card>span{color:var(--dns-muted);font-size:.78rem}.dns-summary-card strong{overflow:hidden;color:var(--dns-text);font-size:1.1rem;text-overflow:ellipsis;white-space:nowrap}.dns-summary-card small{color:var(--dns-muted);font-size:.72rem}.dns-summary-card--best{border-color:var(--accent-border);background:color-mix(in srgb,var(--accent) 6%,var(--dns-card))}.dns-chart-panel,.dns-table-panel{padding:clamp(16px,2.6vw,24px)}.dns-chart__heading,.dns-table__heading{margin-bottom:15px}.dns-chart__unit{color:var(--dns-muted);font:500 .78rem/1 var(--font-mono)}.dns-chart{display:grid;gap:9px}.dns-chart-row{display:grid;grid-template-columns:minmax(120px,190px)minmax(70px,1fr)68px;align-items:center;gap:11px;min-width:0}.dns-chart-row__name{overflow:hidden;color:var(--dns-text);font-size:.79rem;text-overflow:ellipsis;white-space:nowrap}.dns-chart-row__track{height:12px;overflow:hidden;border-radius:20px;background:var(--dns-card-soft)}.dns-chart-row__bar{display:block;width:0;height:100%;border-radius:inherit;background:var(--accent-grad);transition:width .3s ease}.dns-chart-row__value{color:var(--dns-text);font:600 .78rem/1 var(--font-mono);text-align:right}.dns-chart-empty{padding:20px;color:var(--dns-muted);font-size:.83rem;text-align:center}.dns-table__heading{align-items:center}.dns-table-scroll{width:100%;max-width:100%;overflow-x:auto}.dns-table{width:100%;border-collapse:collapse;font-size:.82rem}.dns-table th{padding:10px 9px;border-bottom:1px solid var(--dns-border);color:var(--dns-muted);font-size:.72rem;font-weight:600;text-align:left;white-space:nowrap}.dns-table th button{padding:0;border:0;background:0 0;color:inherit;cursor:pointer;font:inherit}.dns-table th button:hover{color:var(--accent)}.dns-table td{padding:12px 9px;border-bottom:1px solid var(--dns-border);color:var(--dns-text);vertical-align:middle}.dns-table tbody tr:last-child td{border-bottom:0}.dns-provider-cell{min-width:175px}.dns-provider-cell strong{display:block;font-size:.82rem}.dns-provider-cell code{display:block;max-width:300px;overflow-wrap:anywhere;margin-top:3px;color:var(--dns-muted);font:.67rem/1.4 var(--font-mono)}.dns-metric{font:550 .78rem/1.2 var(--font-mono);white-space:nowrap}.dns-state{display:inline-flex;align-items:center;gap:6px;color:var(--dns-muted);font-size:.72rem;white-space:nowrap}.dns-state::before{width:7px;height:7px;border-radius:50%;background:var(--dns-border);content:""}.dns-state--ok::before{background:#58836b}.dns-state--opaque::before{background:#bd8c42}.dns-expand{width:30px;height:30px;border:1px solid var(--dns-border);border-radius:50%;background:0 0;color:var(--dns-text);cursor:pointer;font-size:1rem}.dns-detail-row td{padding:12px 15px 15px;background:color-mix(in srgb,var(--dns-card-soft) 55%,transparent)}.dns-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.dns-detail-item{display:grid;gap:4px;padding:9px 10px;border:1px solid var(--dns-border);border-radius:8px;background:var(--dns-card)}.dns-detail-item strong{font:550 .75rem/1.3 var(--font-mono)}.dns-detail-item span{color:var(--dns-muted);font-size:.7rem}.dns-detail-item a{color:var(--accent);font-size:.7rem}.dns-table-note{margin:14px 0 0;color:var(--dns-muted);font-size:.75rem;line-height:1.5}.dns-empty{display:grid;justify-items:center;gap:10px;min-height:180px;place-content:center;border:1px dashed var(--dns-border);border-radius:var(--r-lg);color:var(--dns-muted);text-align:center}.dns-empty p{margin:0;font-size:.9rem}.dns-empty__glyph{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--dns-card-soft);color:var(--accent);font-size:1.25rem}.dns-method{display:flex;align-items:start;justify-content:space-between;gap:24px;padding:18px 0 0;border-top:1px solid var(--dns-border)}.dns-method>div{max-width:75ch}.dns-method__links{display:grid;gap:6px}.dns-method a{flex:none;color:var(--accent);font-size:.8rem;text-decoration:none}.dns-method a:hover{text-decoration:underline}.dns-toast{position:fixed;z-index:var(--z-modal);right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));max-width:min(420px,calc(100vw - 40px));padding:11px 15px;border:1px solid var(--dns-border);border-radius:10px;background:var(--dns-card);color:var(--dns-text);box-shadow:var(--shadow-1);font-size:.84rem}.dns-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}@media(max-width:860px){.dns-settings__body{grid-template-columns:1fr}.dns-settings__section+.dns-settings__section{border-top:1px solid var(--dns-border);border-left:0}.dns-settings__section{padding:18px}}@media(max-width:620px){.dns-notice{padding:15px}.dns-controls__main,.dns-results__header{align-items:stretch;flex-direction:column}.dns-actions{justify-content:stretch}.dns-actions .dns-button{flex:auto;padding-inline:11px}.dns-settings summary{padding-inline:15px}.dns-settings__summary{font-size:.72rem}.dns-settings__body{grid-template-columns:1fr}.dns-resolver-list{grid-template-columns:1fr;max-height:330px}.dns-resolver-option:nth-child(odd){border-right:0}.dns-resolver-option:nth-last-child(2){border-bottom:1px solid var(--dns-border)}.dns-custom-resolver__form{grid-template-columns:1fr}.dns-summary{grid-template-columns:1fr}.dns-summary-card{grid-template-columns:1fr auto;align-items:center}.dns-summary-card small{grid-column:1/-1}.dns-host-filter{grid-template-columns:auto minmax(135px,1fr)}.dns-chart-row{grid-template-columns:minmax(92px,34%)minmax(44px,1fr)55px;gap:7px}.dns-chart-row__name{font-size:.72rem}.dns-chart-row__value{font-size:.7rem}.dns-table-scroll{overflow:visible}.dns-table{display:block;width:100%;min-width:0}.dns-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.dns-table tbody{display:grid;gap:10px;min-width:0}.dns-table tbody tr.dns-main-row{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;box-sizing:border-box;min-width:0;padding:12px;border:1px solid var(--dns-border);border-radius:12px;background:var(--dns-card)}.dns-table tbody tr.dns-main-row>td{min-width:0;padding:0;border:0;vertical-align:top}.dns-table tbody tr.dns-main-row>.dns-provider-cell{grid-column:1/-1;min-width:0;padding:0 42px 10px 0;border-bottom:1px solid var(--dns-border)}.dns-provider-cell strong{overflow-wrap:anywhere}.dns-provider-cell code{max-width:none}.dns-table tbody tr.dns-main-row>.dns-metric{display:grid;align-content:start;gap:4px;overflow-wrap:anywhere;font-size:.72rem;white-space:normal}.dns-table tbody tr.dns-main-row>.dns-metric::before{color:var(--dns-muted);content:attr(data-label);font:600 .64rem/1.2 var(--font-sans)}.dns-table tbody tr.dns-main-row>.dns-state-cell{display:grid;grid-column:1/-1;gap:4px;margin-top:2px;padding-top:9px;border-top:1px solid var(--dns-border)}.dns-state-cell::before{color:var(--dns-muted);content:attr(data-label);font:600 .64rem/1.2 var(--font-sans)}.dns-state{white-space:normal}.dns-table tbody tr.dns-main-row>.dns-expand-cell{position:absolute;top:10px;right:10px;width:auto}.dns-table tbody tr.dns-detail-row{display:block;margin-top:-10px}.dns-table tbody tr.dns-detail-row>td{display:block;width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--dns-border);border-radius:10px}.dns-detail-grid{grid-template-columns:minmax(0,1fr)}.dns-table tbody tr:last-child td{border-bottom:0}.dns-method{flex-direction:column;gap:12px}}@media(prefers-reduced-motion:reduce){.dns-page *,.dns-page *::before,.dns-page *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}