:root{--bg:#f8faf9;--surface:#fff;--ink:#172b26;--muted:#68766f;--line:#e2e9e4;--green:#137755;--soft:#edf5ef;--mono:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,select,input,textarea{transition:border-color .15s,background .15s}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #83c6a8;outline-offset:4px}svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.wrap{max-width:1008px;margin:auto;padding-left:32px;padding-right:32px}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:650;color:var(--ink);letter-spacing:-.9px;text-decoration:none}.brand-mark{width:32px;height:32px;background:var(--green);color:white;border-radius:9px;display:grid;place-items:center}.brand-mark svg{width:21px;height:21px}.brand-slash{color:#b8c5bc;font-weight:400;margin:0 2px}.brand-ip{color:var(--green);font-weight:500}.header-note{color:var(--muted);font-size:12px;display:flex;gap:9px;align-items:center}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#479e6e;flex-shrink:0}.intro{padding:43px 0 32px}.eyebrow,.section-label{font-size:10px;font-weight:650;letter-spacing:1.7px;color:var(--muted)}.intro>.eyebrow{color:var(--green);letter-spacing:1.85px}h1{font-size:42px;font-weight:570;line-height:1.2;letter-spacing:-1.7px;margin:17px 0 12px}.intro p{font-size:15px;line-height:1.6;margin:0;color:var(--muted)}.mobile-break{display:none}.tool-tabs{display:flex;gap:6px;padding:5px;border:1px solid var(--line);border-radius:12px;background:#f0f4f1;width:max-content;margin:0 0 22px;max-width:100%}.tool-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:41px;background:transparent;border:1px solid transparent;border-radius:8px;padding:9px 17px;color:var(--muted);font-size:12px;font-weight:550;white-space:nowrap}.tool-tabs button[aria-selected=true]{background:white;color:var(--ink);border-color:#dce6df;box-shadow:0 1px 2px #16332208}.tool-tabs button:hover{color:var(--green)}.tool-tabs svg{width:16px;height:16px}.tab-badge{color:#7b8980;background:#e6ece7;border-radius:4px;font-size:9px;letter-spacing:.2px;padding:3px 5px}.ip-card,.tool-card,.small-card,.resolver-card,.trace-card{border:1px solid var(--line);border-radius:14px;background:white}.ip-card{padding:25px 30px 0;overflow:hidden;background:linear-gradient(115deg,#fff 65%,#f3f9f5)}.card-top{display:flex;justify-content:space-between;align-items:center}.card-top .eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.45px}.icon-button{border:1px solid var(--line);border-radius:7px;background:white;color:var(--muted);width:30px;height:30px;display:grid;place-items:center}.icon-button:hover{border-color:#9fbcab;color:var(--green)}.icon-button svg{width:15px;height:15px}.ip-line{display:flex;align-items:center;gap:20px;margin:28px 0 15px;min-height:63px}#public-ip{font:500 clamp(25px,4.2vw,49px)/1.25 var(--mono);letter-spacing:-2.2px;overflow-wrap:anywhere;min-width:0}#public-ip.ipv6{font-size:clamp(19px,3.1vw,32px);letter-spacing:-1px}.copy-button{display:flex;align-items:center;gap:7px;flex-shrink:0;background:white;border:1px solid #d6e3d9;padding:9px 11px;border-radius:7px;color:#506759;font-size:11px}.copy-button svg{width:14px;height:14px}.copy-button:hover{background:var(--soft)}.ip-explanation{color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 30px}.ip-meta{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);padding:21px 0 23px}.ip-meta>div+div{border-left:1px solid var(--line);padding-left:27px}.ip-meta span{display:block;font-size:9px;letter-spacing:1px;color:#829086;margin-bottom:9px;font-weight:550}.ip-meta strong{font:500 12px var(--mono)}.secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.small-card{padding:23px 25px}.small-icon{display:block;color:var(--green);margin-bottom:17px}.small-icon svg{width:19px;height:19px}.small-card h2{font-size:14px;font-weight:570;letter-spacing:-.2px;margin:0 0 9px}.small-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 15px;max-width:310px}.text-button{display:inline-flex;align-items:center;gap:9px;padding:0;border:0;background:transparent;color:var(--green);font-size:11px;font-weight:600;min-height:26px}.text-button svg{width:14px;height:14px}.text-button:hover{text-decoration:underline}.note{display:flex;gap:10px;align-items:center;margin:21px 0 0;color:#7b8980}.note-icon{display:grid;place-items:center;width:14px;height:14px;border:1px solid #9ba99f;border-radius:50%;font:10px Georgia,serif;flex-shrink:0}.note p{font-size:11px;line-height:1.8;margin:0}.bottom-line{display:flex;justify-content:center;gap:28px;margin:36px 0 0;padding-top:28px;border-top:1px solid var(--line)}.bottom-line span{display:flex;align-items:center;gap:6px;color:#849086;font-size:10px}.bottom-line svg{width:13px;height:13px;color:#69917a}footer.wrap{padding-top:27px;padding-bottom:30px;display:flex;justify-content:space-between;gap:30px;color:#8b978e;font-size:10px;line-height:1.8}footer a{color:#637b6b;text-decoration:none}footer details{max-width:430px;text-align:right}footer summary{cursor:pointer;list-style:none;color:#637b6b}footer details p{text-align:left;color:var(--muted);margin:12px 0 0}.tool-card{padding:30px}.section-label{color:var(--green);font-size:9px;letter-spacing:1.6px}.tool-card h2{font-size:24px;letter-spacing:-.8px;font-weight:550;margin:13px 0 9px}.section-desc{color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 27px}label{display:block;font-size:11px;font-weight:600;margin-bottom:9px}.label-note{font-weight:400;color:var(--muted);margin-left:7px;font-size:10px}input,textarea,select{display:block;width:100%;border:1px solid #d9e2dc;border-radius:7px;color:var(--ink);background:#fdfefd;padding:11px 12px;min-height:42px}textarea,input{font:12px/1.8 var(--mono)}textarea{resize:vertical;min-height:112px}input::placeholder,textarea::placeholder{color:#a0ada3}input:focus,textarea:focus,select:focus{outline:2px solid #c3dfcd;outline-offset:1px;border-color:#5b9f78}.form-row{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:15px;margin:20px 0}.form-row select,.dns-fields select{font-size:12px}.form-actions{display:flex;align-items:center;gap:16px;margin:23px 0}.primary,.secondary{display:inline-flex;gap:15px;align-items:center;justify-content:center;padding:12px 17px;border-radius:7px;font-size:12px;font-weight:550;min-height:42px}.primary{background:var(--green);color:white;border:1px solid var(--green)}.primary:hover{background:#0e6347}.primary svg{width:16px;height:16px}.secondary{border:1px solid var(--line);background:white;color:var(--muted)}.provider-note{font-size:10px;line-height:1.8;color:#88948c;margin:22px 0 0}.provider-note a{color:#5b7c69}.dns-fields{display:grid;grid-template-columns:1fr 175px auto;gap:13px;align-items:end}.dns-fields input{height:42px}.result-status{font-size:12px;line-height:1.8;color:var(--muted);margin:20px 0 14px}.result-status:empty{display:none}.error{color:#a33d30!important}.dns-results{display:grid;grid-template-columns:1fr 1fr;gap:16px}.resolver-card{padding:22px;overflow:hidden}.resolver-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600}.badge{font:10px var(--mono);color:var(--green);background:var(--soft);padding:4px 6px;border-radius:4px;white-space:nowrap}.dns-group{border-top:1px solid var(--line);padding:12px 0 3px;margin-top:12px}.dns-group h4{font:550 11px var(--mono);margin:0 0 10px;color:var(--green)}.dns-row{font:11px/1.7 var(--mono);padding:7px 0;overflow-wrap:anywhere}.dns-row small{display:block;color:#89988c;font:9px/1.8 var(--mono)}.dns-empty{color:var(--muted);font-size:11px;line-height:1.8}.resolver-foot{font-size:9px;color:var(--muted);margin-top:12px}.extra-results{border-top:1px solid var(--line);padding-top:12px;margin-top:12px;font-size:11px;line-height:1.9;overflow-wrap:anywhere}.extra-results p{font-size:11px;margin:4px 0}.extra-results strong{font-weight:550;color:var(--ink)}.result-stack{display:grid;gap:14px}.trace-card{overflow:hidden}.trace-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 22px;border-bottom:1px solid var(--line)}.trace-heading h3{font:550 13px var(--mono);margin:0;overflow-wrap:anywhere;min-width:0}.trace-body{padding:4px 22px 18px}.probe-result{padding-top:17px}.probe-title{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px;font-size:11px;font-weight:550}.probe-network{color:var(--muted);font-size:10px;font-weight:400}.trace-body pre{font:11px/1.8 var(--mono);white-space:pre;overflow:auto;max-height:390px;color:#536c5d;background:#f7faf7;border:1px solid #edf1ed;padding:13px;border-radius:6px;margin:9px 0}.trace-body>p{font-size:11px;color:var(--muted);line-height:1.8}.probe-result+.probe-result{border-top:1px solid var(--line);margin-top:16px}.probe-summary{font:10px/1.8 var(--mono);color:var(--green)}.trace-body a{color:var(--green);font-size:10px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:9px;background:var(--ink);color:white;font-size:12px;box-shadow:0 3px 15px #172b2620;max-width:90%;z-index:10}.skip{position:absolute;top:-100px;left:10px;padding:10px;background:white;color:var(--green);z-index:20}.skip:focus{top:10px}@media(min-width:1400px){.intro{padding-top:60px}}@media(max-width:700px){.wrap{padding-left:20px;padding-right:20px}.site-header{height:78px}.header-note{font-size:10px}.brand{font-size:19px}.intro{padding:29px 0 27px}h1{font-size:35px;letter-spacing:-1.3px}.intro p{font-size:13px}.eyebrow{font-size:9px}.tool-tabs{width:100%;gap:2px}.tool-tabs button{flex:1;padding:9px 8px;font-size:11px;gap:7px}.tab-badge{display:none}.ip-card{padding:20px 21px 0}.ip-line{gap:12px;margin:25px 0 12px;flex-wrap:wrap}#public-ip{font-size:clamp(27px,7vw,44px)}#public-ip.ipv6{font-size:clamp(19px,4.5vw,29px)}.copy-button{font-size:10px;padding:8px 10px}.ip-meta>div+div{padding-left:15px}.ip-meta strong{font-size:10px}.ip-meta span{font-size:8px;letter-spacing:.6px}.secondary-grid{gap:13px}.small-card{padding:21px 19px}.small-card h2{line-height:1.5}.small-card p{font-size:11px}.tool-card{padding:23px 21px}.tool-card h2{font-size:22px;line-height:1.35}.dns-fields{grid-template-columns:1fr 120px}.dns-fields .primary{grid-column:1/-1;justify-self:start;margin-top:7px}.form-row{grid-template-columns:1fr 1fr}.form-row>div:last-child{grid-column:1/-1}.dns-results{grid-template-columns:1fr}.label-note{display:block;margin:5px 0 0}.bottom-line{gap:14px}.bottom-line span{font-size:9px}.trace-heading{padding:17px}.trace-body{padding-left:17px;padding-right:17px}.form-actions{flex-wrap:wrap}}@media(max-width:420px){.header-note{display:none}.mobile-break{display:block}.secondary-grid{grid-template-columns:1fr}.intro p{max-width:280px}.ip-line{min-height:100px}.ip-explanation{font-size:11px}.bottom-line{gap:10px}.bottom-line span{gap:3px;font-size:8px}.tool-tabs button{gap:6px;padding-left:5px;padding-right:5px}footer.wrap{gap:15px}.form-row{gap:12px}.tool-tabs svg{width:14px;height:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
