:root{--bg:#f5f7fa;--card:#fff;--ink:#17243a;--muted:#7c8799;--line:#e8ecf2;--blue:#3468d5;--soft:#f1f5fe;--danger:#b84343;--green:var(--blue)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{border:0;background:none;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:3px solid #93b4f4;outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.top{height:74px;padding:0 max(28px,calc((100vw - 1100px)/2));display:flex;align-items:center;gap:60px;background:var(--card);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:22px;font-weight:800;letter-spacing:-.9px;white-space:nowrap}.brand-icon{color:var(--blue);font-size:32px;margin-right:8px;font-weight:400}.brand-dot{color:var(--blue)}nav{display:flex;height:100%;gap:30px}.nav{height:100%;color:var(--muted);font-size:13px;font-weight:550;position:relative;padding:0 2px}.nav.active{color:var(--blue)}.nav.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--blue)}.controls{margin-left:auto;display:flex;gap:17px;align-items:center}.plain{font-size:11px;font-weight:600}.divider{width:1px;height:15px;background:var(--line)}.theme{font-size:22px}main{max-width:1000px;margin:0 auto;padding:0 24px}.intro{padding:40px 0 26px;position:relative}.eyebrow{font:9px ui-monospace,monospace;letter-spacing:2px;color:var(--muted);margin-bottom:13px;display:flex;align-items:center;gap:7px}.eyebrow span{width:5px;height:5px;border-radius:50%;background:var(--blue)}h1{font-size:30px;line-height:1.35;font-weight:650;letter-spacing:-.8px;margin:0 0 9px}.intro p{font-size:13px;color:var(--muted);margin:0}.search{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--card);border-radius:10px;padding:5px;box-shadow:0 2px 5px #12243a02}.search-icon{font-size:28px;color:var(--muted);padding-left:12px}.search input{background:none;border:0;outline:none;color:var(--ink);flex:1;min-width:0;padding:11px 0;font-size:13px}.search input::placeholder{color:#98a2b1}.primary{display:flex;justify-content:center;align-items:center;gap:20px;min-height:42px;padding:0 23px;border-radius:7px;color:#fff;background:var(--blue);white-space:nowrap;font-size:13px;font-weight:550}.primary:hover{filter:brightness(1.1)}.suggestions{display:flex;align-items:center;gap:14px;margin:12px 0 22px;color:var(--muted);font-size:10px}.suggestions button{padding:2px 0;color:var(--muted);font:11px ui-monospace,monospace}.suggestions button:last-child{font:11px inherit;color:var(--blue);margin-left:auto}.card{border:1px solid var(--line);border-radius:12px;background:var(--card)}.ip-card{padding:0;overflow:hidden;box-shadow:0 6px 24px #1e355305}.card-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.report-heading{padding:21px 26px 18px}.section-label{font-size:13px;font-weight:600}.status{font-size:10px;color:var(--blue);display:flex;align-items:center;gap:6px}.status:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}.dual-stack{margin:0 26px 22px}.dual-grid{display:grid;grid-template-columns:1fr 1.2fr;background:var(--bg);border:1px solid var(--line);border-radius:9px;overflow:hidden}.family-card{position:relative;padding:19px 20px;display:grid;grid-template-columns:1fr auto;gap:10px;align-content:center;min-width:0;min-height:112px;border-left:2px solid transparent}.family-card+.family-card{border-left:1px solid var(--line)}.family-card.selected{background:var(--soft);box-shadow:inset 0 -2px var(--blue)}.family-label{font:10px ui-monospace,monospace;color:var(--muted);grid-column:1/-1;letter-spacing:.5px}.family-address{padding:0;text-align:left;font:500 27px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.7px;overflow-wrap:anywhere;line-height:1.5;min-width:0}.family-card:nth-child(2) .family-address{font-size:18px;letter-spacing:-.3px}.family-address:disabled{opacity:1;color:var(--muted);font-size:12px!important;letter-spacing:0}.family-copy{font-size:10px;color:var(--muted);padding:3px 0 3px 10px}.family-copy:hover,.family-address:hover{color:var(--blue)}.ip-line{display:flex;align-items:center;gap:14px;margin:0 26px 24px;min-width:0;padding:17px 20px;background:var(--soft);border-radius:8px}.ip-line h2{margin:0;overflow-wrap:anywhere;font:500 30px ui-monospace,monospace;letter-spacing:-.7px;min-width:0}.ip-line h2.ipv6{font-size:22px}.copy{font-size:22px;color:var(--blue);flex-shrink:0}.location{display:none}.report-fields{margin:0;padding:22px 26px 25px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 24px}.report-fields>div{min-width:0}.report-fields .field-wide{grid-column:span 2}dt{font-size:10px;color:var(--muted);margin-bottom:9px}dd{margin:0;overflow-wrap:anywhere;font-size:13px;line-height:1.6;font-weight:500}.report-footer{padding:13px 26px;background:var(--bg);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px}.report-footer>div{display:flex;gap:20px}.text-button{padding:3px 0;font-size:11px;color:var(--blue)}.provider-details{margin:14px 0 0;color:var(--muted);font-size:10px;line-height:1.8}.provider-details summary{cursor:pointer;width:fit-content}.provider-current{margin-top:12px}.provider-details ol{display:flex;gap:32px;padding-left:18px}.provider-details li.active{color:var(--blue)}.provider-details li.failed{color:var(--danger)}.error{font-size:12px;color:var(--danger);line-height:1.7;background:#b843430b;border-radius:8px;padding:13px}.learn{margin-top:32px}.learn-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.learn-heading h3{font-size:12px;font-weight:550;margin:0;color:var(--muted)}.learn-heading>span{display:none}.learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.learn-grid a{position:relative;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:9px}.learn-grid a:hover{border-color:#afc4ed}.learn-grid a>div{position:absolute;right:15px;top:17px;color:var(--muted)}.learn-num{display:none}.arrow{font-size:13px}.learn-grid h4{font-size:12px;font-weight:550;margin:0 20px 7px 0}.learn-grid p{font-size:10px;line-height:1.8;color:var(--muted);margin:0}.privacy{display:flex;align-items:start;gap:8px;margin-top:20px;color:var(--muted);font-size:10px;line-height:1.7}.privacy>span{padding-top:8px;font-size:16px;color:var(--muted)}.privacy p{margin:8px 0}footer{display:flex;align-items:center;gap:18px;max-width:952px;margin:26px auto 0;padding:21px 0 25px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}footer .brand{font-size:14px;color:var(--ink)}footer>span:last-child{margin-left:auto}.dns-card{padding:25px}.muted{font-size:12px;line-height:1.8;color:var(--muted)}#dns-form>label{display:block;font-size:11px;margin:24px 0 10px}textarea,select{border:1px solid var(--line);border-radius:7px;padding:12px;background:var(--bg);color:var(--ink)}textarea{width:100%;resize:vertical;line-height:1.8}.dns-options{display:flex;gap:25px;align-items:end;margin-top:20px}.dns-options>label>span{display:block;font-size:10px;color:var(--muted);margin-bottom:9px}select{min-width:120px}.dns-options fieldset{padding:0;border:0;display:flex;gap:15px;margin:0 auto 9px 0;font-size:12px}.dns-options legend{font-size:10px;color:var(--muted);margin-bottom:14px}input[type=checkbox]{accent-color:var(--blue)}.version{font:9px ui-monospace,monospace;color:var(--muted);border:1px solid var(--line);padding:4px 7px;border-radius:4px}.dns-result{padding:20px;margin-top:14px}.dns-result h3{font-size:13px;display:flex;justify-content:space-between;gap:15px;overflow-wrap:anywhere}.dns-result h3 span{font-size:10px;font-weight:400;color:var(--muted)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font:12px ui-monospace,monospace}td,th{padding:12px 10px;border-bottom:1px solid var(--line);max-width:400px;overflow-wrap:anywhere}th{color:var(--muted);font-size:10px;font-weight:400}.dns-empty{font-size:12px;color:var(--muted)}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,12px);padding:12px 24px;border-radius:8px;background:var(--ink);color:var(--bg);opacity:0;pointer-events:none;transition:.2s;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}body.dark{--bg:#121a27;--card:#192333;--ink:#e0e8f6;--muted:#96a4b9;--line:#2b384d;--blue:#83aaff;--soft:#223352;--danger:#f3a6a6}body.dark .primary{background:#436fca;color:#fff}@media(max-width:1050px){footer{margin-left:24px;margin-right:24px}.top{gap:40px}.family-address{font-size:23px}}@media(max-width:750px){.report-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.dual-grid{grid-template-columns:1fr}.family-card{padding:16px 18px;min-height:94px}.family-card+.family-card{border-left:2px solid transparent;border-top:1px solid var(--line)}.family-card.selected{box-shadow:inset 2px 0 var(--blue)}.family-address{font-size:26px}.family-card:nth-child(2) .family-address{font-size:19px}.learn-grid{gap:9px}.learn-grid a{padding:14px}.learn-grid p{display:none}.learn-grid h4{margin-bottom:0;font-size:11px}.learn-grid a>div{right:11px;top:14px}.dns-options{flex-wrap:wrap}}@media(max-width:550px){.top{height:64px;padding:0 20px;gap:26px}.brand{font-size:18px}.brand-icon{font-size:27px;margin-right:5px}nav{gap:20px}.nav{font-size:12px}.controls{gap:10px}.divider{display:none}.plain{font-size:10px}.theme{font-size:20px}main{padding:0 18px}.intro{padding:27px 0 21px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:10px}h1{font-size:25px;margin-bottom:7px}.intro p{font-size:12px}.search{gap:8px}.search-icon{padding-left:8px}.search input{font-size:11px;padding:11px 0}.primary{padding:0 15px;gap:10px;min-height:40px;font-size:12px}.suggestions{gap:12px;margin:11px 0 19px}.suggestions button{font-size:10px}.report-heading{padding:18px 18px 15px}.dual-stack{margin:0 16px 18px}.section-label{font-size:12px}.family-card{padding:14px 15px;min-height:88px;gap:7px}.family-address{font-size:25px}.family-card:nth-child(2) .family-address{font-size:17px}.family-copy{font-size:9px}.family-label{font-size:9px}.report-fields{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 18px;gap:22px 18px}.report-fields .field-wide{grid-column:span 2}dt{font-size:10px;margin-bottom:6px}dd{font-size:12px}.report-footer{padding:13px 18px;flex-wrap:wrap;gap:10px;font-size:9px}.report-footer>div{gap:16px}.text-button{font-size:10px}.ip-line{margin:0 16px 18px;padding:14px}.ip-line h2{font-size:25px}.ip-line h2.ipv6{font-size:18px}.learn{margin-top:25px}.learn-grid{grid-template-columns:1fr}.learn-grid a{padding:14px}.learn-grid h4{font-size:12px}.privacy{font-size:9px;margin-top:15px}footer{margin:20px 18px 0;padding:18px 0 24px;font-size:9px;gap:12px}.dns-card{padding:20px}.dns-options{gap:20px}.dns-options fieldset{margin:0 0 9px}.dns-options>.primary{width:100%}.dns-result{padding:16px}.dns-result h3{flex-wrap:wrap}}@media(max-width:380px){.top{gap:17px;padding:0 15px}nav{gap:13px}.controls{gap:7px}.family-card:nth-child(2) .family-address{font-size:15px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Compact DNS workspace: inputs above, plain text answers below. */
body.dns-mode .intro{padding:26px 0 18px}body.dns-mode .intro h1{font-size:20px;margin:0;letter-spacing:-.4px}body.dns-mode .intro .eyebrow,body.dns-mode .intro p,body.dns-mode .learn,body.dns-mode .privacy{display:none}body.dns-mode footer{margin-top:30px;padding-top:16px}body.dns-mode footer>.brand,body.dns-mode footer>span[data-i18n]{display:none}body.dns-mode footer>span:last-child{margin:0}
.dns-console-form{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr);gap:25px;padding:20px;border:1px solid var(--line);border-radius:7px;background:var(--card)}.dns-hosts>label,.dns-type>span,.dns-settings legend{display:block;margin:0 0 8px;font-size:11px;color:var(--muted)}.dns-hosts textarea{height:147px;min-height:100px;padding:10px 12px;border-radius:4px;background:var(--card);font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.dns-settings{display:flex;flex-direction:column;align-items:start;gap:13px}.dns-type{display:flex;align-items:center;gap:13px;width:100%}.dns-type>span{margin:0}.dns-type select{min-width:105px;padding:5px 8px;border-radius:4px;font-size:12px;background:var(--card)}.dns-settings fieldset{border:0;padding:0;margin:0;display:flex;gap:16px;font-size:11px}.dns-settings legend{margin-bottom:7px}.dns-settings fieldset label,.dns-short{display:flex;align-items:center;gap:4px}.dns-settings input{margin:0 3px 0 0}.dns-short{font-size:11px}.dns-actions{display:flex;align-items:center;gap:18px;margin-top:auto}.dns-actions .primary{min-height:32px;padding:0 26px;font-size:12px;border-radius:4px}.dns-actions .text-button{font-size:11px}.dns-output-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin:22px 0 8px}.dns-output-toolbar .text-button{font-size:11px}#dns-results:not(:empty){background:var(--card);border:1px solid var(--line);border-radius:6px;overflow:hidden}#dns-results .dns-result{padding:15px 17px;margin:0;border:0;border-radius:0}#dns-results .dns-result+.dns-result{border-top:1px solid var(--line)}#dns-results .dns-result h3{font:600 11px/1.5 ui-monospace,monospace;margin:0 0 9px;display:flex;justify-content:space-between;gap:10px}#dns-results .dns-result h3 span{font-size:10px;color:var(--muted);font-weight:400;white-space:nowrap}.dns-text-output{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ink)}@media(max-width:650px){.dns-console-form{grid-template-columns:1fr;gap:15px;padding:16px}.dns-hosts textarea{height:96px}.dns-settings{display:grid;grid-template-columns:auto 1fr;gap:14px 24px;align-items:center}.dns-settings fieldset{gap:12px;justify-self:end}.dns-settings legend{display:none}.dns-type{width:auto;gap:9px}.dns-type select{min-width:85px}.dns-type>span{font-size:10px}.dns-short{font-size:10px}.dns-actions{justify-self:end;margin:0;gap:15px}.dns-output-toolbar{margin-top:18px}body.dns-mode .intro{padding:22px 0 17px}.dns-text-output{font-size:10px;line-height:1.85}#dns-results .dns-result{padding:13px}}@media(max-width:380px){.dns-settings{gap:13px 10px}.dns-type>span{display:none}.dns-settings fieldset{font-size:10px;gap:8px}}
.dns-type select{width:158px;min-width:0}@media(max-width:650px){.dns-type select{width:137px}}@media(max-width:380px){.dns-type select{width:116px}}
.dns-text-output{white-space:pre;overflow-x:auto;overflow-wrap:normal;font-size:11px;line-height:1.8;padding:2px 0 5px}.dns-result{min-width:0}.dns-type select{width:135px}@media(max-width:650px){.dns-type select{width:120px}.dns-text-output{font-size:10px}}@media(max-width:380px){.dns-type select{width:100px}}
@media(max-width:650px){.dns-settings fieldset{flex-wrap:wrap;justify-content:flex-end;gap:8px 12px;max-width:240px}.dns-settings{grid-template-columns:auto minmax(0,1fr)}}
.dns-settings fieldset{flex-wrap:wrap;gap:9px 14px}.dns-custom{width:100%;min-width:0}.dns-custom input{width:100%;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:var(--card);color:var(--ink);font:11px ui-monospace,monospace}.dns-custom input::placeholder{color:var(--muted);font-size:10px}@media(max-width:650px){.dns-custom{grid-column:1/-1}.dns-settings fieldset{max-width:none;gap:9px 12px}.dns-settings .dns-type{align-self:start}}
.dns-notice{display:flex;align-items:flex-start;gap:11px;padding:15px 16px;border:1px solid #ecd8a9;border-left:3px solid #bc8b23;border-radius:5px;background:#fff9e9;color:#805f18;margin:3px 0 12px;font-family:inherit}.dns-notice-error{background:#fff1f1;border-color:#f1cdcd;border-left-color:#c74747;color:#a12f37}.dns-notice-icon{width:18px;height:18px;flex-shrink:0;display:grid;place-items:center;border:1.5px solid currentColor;border-radius:50%;font-size:12px;font-weight:700;line-height:1;margin-top:1px}.dns-notice strong{display:block;font-size:13px;font-weight:650;line-height:1.5}.dns-notice p{font-size:11px;line-height:1.7;margin:5px 0 0}.dns-follow-up{border-top:1px solid var(--line);margin:13px 0 8px;padding-top:12px;font-size:11px;font-weight:550;color:var(--muted);line-height:1.7}.dns-follow-up-error{color:var(--danger)}.dns-follow-up-empty{color:#94701f}.dns-loading{margin:0;color:var(--muted);font:11px/1.8 inherit}body.dark .dns-notice{background:#3b3220;border-color:#62502b;color:#ebc877}body.dark .dns-notice-error{background:#3c272d;border-color:#62363f;border-left-color:#e38a94;color:#ffb6be}body.dark .dns-follow-up-empty{color:#ebc877}@media(max-width:550px){.dns-notice{padding:13px 12px;gap:9px}.dns-notice strong{font-size:13px}.dns-notice p{font-size:11px}}
/* Keep navigation and language labels readable on narrow devices. */
.nav,.plain{white-space:nowrap}.controls,.brand{flex-shrink:0}@media(max-width:380px){.top{gap:12px;padding:0 12px}.top .brand{font-size:16px}.brand-icon{font-size:23px;margin-right:4px}nav{gap:11px}.nav{font-size:11px}.controls{gap:7px}.theme{font-size:18px}.plain{font-size:10px}}
.controls .plain{padding:3px 0;min-width:24px}.controls .theme{padding:0;width:28px;height:32px;display:grid;place-items:center}@media(max-width:380px){.controls .theme{width:24px}}
:root{color-scheme:light}body.dark{color-scheme:dark}@media(max-width:650px){.dns-hosts textarea,.dns-custom input,.dns-type select,.search input{font-size:16px}.dns-settings fieldset label,.dns-short{min-height:24px}.dns-settings input[type=checkbox]{width:15px;height:15px}.dns-actions .primary{min-height:36px}.dns-actions .text-button{min-height:32px}}
@media(max-width:380px){.dns-type select{width:112px}.dns-actions{gap:10px}.dns-actions .primary{padding:0 18px}}
.family-label{grid-column:1;grid-row:1}.family-copy{grid-column:2;grid-row:1;padding:0}.family-address{grid-column:1/-1;grid-row:2}
@media(max-width:650px){.dns-settings{grid-template-columns:minmax(0,1fr) auto;gap:12px 8px}.dns-settings .dns-type{grid-column:1/-1}.dns-settings fieldset{grid-column:1/-1;justify-self:start;justify-content:flex-start;width:100%}.dns-settings .dns-short{grid-column:1}.dns-settings .dns-actions{grid-column:2}.dns-type>span{display:block!important;font-size:11px}.dns-custom{grid-column:1/-1}}
:root{--muted:#637187}.search input::placeholder{color:var(--muted)}

/* Render record choices with the same typography as the form on every platform. */
.record-picker{position:relative;font-family:inherit;font-size:12px;font-weight:400;line-height:1.5}
.record-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:120px;min-height:32px;padding:5px 10px;border:1px solid var(--line);border-radius:5px;background:var(--card);color:var(--ink);font:inherit;text-align:left}
.record-picker-arrow{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);flex-shrink:0;color:var(--muted)}
.record-picker-options{position:absolute;top:calc(100% + 6px);left:0;z-index:20;min-width:100%;width:max-content;max-width:calc(100vw - 64px);max-height:300px;max-height:min(300px,50dvh);overflow-y:auto;overscroll-behavior:contain;padding:4px;border:1px solid var(--line);border-radius:7px;background:var(--card);box-shadow:0 8px 24px #17243a1a;font:inherit}
.record-picker-option{position:relative;padding:6px 28px 6px 9px;border-radius:4px;cursor:pointer;white-space:nowrap;font:inherit}
.record-picker-option[aria-selected=true]{color:var(--blue);background:var(--soft)}
.record-picker-option[aria-selected=true]:after{content:'✓';position:absolute;right:9px}
.record-picker-option:hover,.record-picker-option.active{background:var(--soft)}
@media(max-width:650px){.record-picker{font-size:12px}.record-picker-trigger{min-height:36px}.record-picker-option{padding-top:8px;padding-bottom:8px}}

.ip-value-copy{display:block;max-width:100%;min-width:0;padding:0;font:inherit;color:inherit;letter-spacing:inherit;overflow-wrap:anywhere;text-align:left}.ip-value-copy:disabled{opacity:1}.ip-value-copy:not(:disabled):hover{color:var(--blue)}

.ip-special{margin:0 26px 24px;padding:15px 17px;border:1px solid #ecd8a9;border-radius:8px;background:#fff9e9;color:#805f18;font-size:13px;line-height:1.7}.ip-special strong{font-weight:600}.ip-special p{margin:5px 0 0;font-size:12px}.status.special{color:var(--muted)}body.dark .ip-special{background:#3b3220;border-color:#62502b;color:#ebc877}@media(max-width:550px){.ip-special{margin:0 16px 18px;padding:13px 14px}}