:root{color-scheme:dark;--bg:#07111f;--panel:rgba(15,30,49,.72);--line:rgba(148,181,207,.16);--muted:#8da0b3;--text:#f3f7fb;--cyan:#38d7df;--lime:#b9f25b;--navy:#0b192a}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 73% 12%,#0d3341 0,transparent 31%),linear-gradient(150deg,#07111f,#091827 55%,#06111e);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
.glow{position:fixed;border-radius:50%;filter:blur(120px);opacity:.13;pointer-events:none}
.glow-one{width:400px;height:400px;background:#40d9e0;right:-100px;top:15%}
.glow-two{width:320px;height:320px;background:#a7e650;left:-170px;bottom:3%}
main{width:min(1120px,calc(100% - 40px));margin:auto;padding:30px 0 38px;position:relative}
.topbar{display:flex;align-items:center;justify-content:space-between}
.brand{color:var(--text);text-decoration:none;font-size:18px;font-weight:750;letter-spacing:.2px;display:flex;align-items:center;gap:11px}
.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #55d9dd;border-radius:10px;color:#06111f;background:linear-gradient(145deg,var(--cyan),var(--lime));font-weight:900}
.status{font-size:12px;color:#adbdc9;border:1px solid var(--line);border-radius:999px;padding:7px 12px;background:rgba(255,255,255,.025)}
.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);margin-right:7px}
.hero{padding:70px 0 42px;max-width:700px}
.eyebrow,.panel small,.permission-card small{color:var(--cyan);font-weight:800;font-size:11px;letter-spacing:2px}
.hero h1{font-size:clamp(46px,7vw,78px);line-height:.98;letter-spacing:-4px;margin:14px 0 22px}
.hero h1 span{color:transparent;-webkit-text-stroke:1px #93b2bf}
.intro{color:#9eb0c0;font-size:17px;max-width:600px}
.ip-grid,.details{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ip-card,.panel,.permission-card,.notice{border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,35,55,.88),rgba(9,23,39,.72));box-shadow:0 18px 65px rgba(0,0,0,.18);backdrop-filter:blur(16px)}
.ip-card{border-radius:20px;padding:23px 25px;min-width:0}
.ip-card.primary{border-color:rgba(57,216,223,.34)}
.card-head{display:flex;align-items:center;justify-content:space-between;color:#91a3b5;font-size:10px;font-weight:800;letter-spacing:1.6px}
.pill{border-radius:20px;background:rgba(55,216,223,.12);color:var(--cyan);padding:4px 8px;font-size:9px}
.pill.muted{background:rgba(255,255,255,.06);color:#879bab}
.ip-line{display:flex;align-items:center;gap:12px;margin-top:17px}
.ip-line strong{font:700 clamp(23px,3.2vw,37px)/1.15 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-1.8px;overflow-wrap:anywhere}
.ip-card p{margin:10px 0 0;color:#6f8498;font-size:12px}
.copy{margin-left:auto;background:none;color:#84a2b3;border:1px solid var(--line);border-radius:9px;padding:7px 9px;cursor:pointer}
.copy:hover,footer button:hover{color:var(--cyan);border-color:var(--cyan)}
.details{margin-top:16px}
.panel{padding:26px;border-radius:20px}
.panel-title{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.icon{width:43px;height:43px;border:1px solid rgba(57,216,223,.22);background:rgba(57,216,223,.07);color:var(--cyan);border-radius:13px;display:grid;place-items:center;font-size:22px}
.panel-title h2{font-size:21px;margin:3px 0 0}
.panel dl{margin:0}
.panel dl div{display:flex;gap:20px;justify-content:space-between;border-top:1px solid var(--line);padding:12px 0}
.panel dt{color:#7990a3}
.panel dd{margin:0;text-align:right;font-weight:650;max-width:65%;overflow-wrap:anywhere}
.fine{color:#73899b;font-size:11px;margin:16px 0 0}
.permission-card{border-radius:20px;padding:24px 26px;margin-top:16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}
.permission-card h2{font-size:18px;margin:3px 0}
.permission-card p{color:#879caf;margin:3px 0}
.action{border:0;border-radius:11px;background:linear-gradient(135deg,var(--cyan),#7fe7c2);color:#06111f;padding:12px 17px;font-weight:800;cursor:pointer;white-space:nowrap}
.action:hover{filter:brightness(1.08)}
.action:disabled{opacity:.55;cursor:wait}
.exact-location{margin-top:11px;color:var(--lime);font-family:ui-monospace,monospace}
.notice{border-radius:15px;padding:18px 21px;margin-top:16px;border-left:3px solid #c3ee62}
.notice strong{color:#dff7a8}
.notice p{display:inline;color:#8fa2b3;margin-left:10px}
footer{display:flex;justify-content:space-between;color:#596f83;font-size:12px;padding:26px 3px 0}
footer button{color:#71899c;border:0;background:none;cursor:pointer}
#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;background:#e9f7f4;color:#06111f;padding:10px 15px;border-radius:10px;font-weight:700;transition:.2s;pointer-events:none}
#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){main{width:min(100% - 24px,1120px);padding-top:20px}
.hero{padding:50px 4px 30px}
.hero h1{letter-spacing:-2.6px}
.ip-grid,.details{grid-template-columns:1fr}
.permission-card{grid-template-columns:auto 1fr}
.permission-card .action{grid-column:1/-1;width:100%}
.notice p{display:block;margin:5px 0 0}
.ip-line strong{font-size:23px}
footer{flex-direction:column;gap:8px;align-items:center}
}
.mac-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,35,55,.88),rgba(9,23,39,.72));box-shadow:0 18px 65px rgba(0,0,0,.18);backdrop-filter:blur(16px);border-radius:20px;padding:26px;margin-top:16px}
.mac-intro{display:flex;align-items:flex-start;gap:14px}
.mac-intro small{color:var(--lime);font-weight:800;font-size:11px;letter-spacing:2px}
.mac-intro h2{font-size:20px;margin:3px 0}
.mac-intro p{color:#879caf;margin:4px 0}
.mac-icon{color:var(--lime);border-color:rgba(185,242,91,.22);background:rgba(185,242,91,.07);flex:0 0 auto}
.mac-form{margin-top:21px}
.mac-form label{display:block;color:#92a6b7;font-size:12px;font-weight:700;margin-bottom:7px}
.mac-input-row{display:flex;gap:10px}
.mac-input-row input{min-width:0;flex:1;border:1px solid rgba(148,181,207,.23);border-radius:11px;background:#071421;color:#f5f8fb;padding:12px 14px;font:650 17px ui-monospace,SFMono-Regular,Consolas,monospace;outline:none;text-transform:uppercase}
.mac-input-row input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(56,215,223,.08)}
.mac-form>p,.mac-privacy{color:#6f8498;font-size:11px;margin:8px 0 0}
.mac-result{margin-top:16px;padding:17px 19px;border:1px solid rgba(185,242,91,.24);border-radius:13px;background:rgba(185,242,91,.055)}
.mac-result.error{border-color:rgba(255,120,120,.3);background:rgba(255,80,80,.055)}
.mac-result span{display:block;color:#8297a9;font-size:10px;font-weight:800;letter-spacing:1.5px}
.mac-result strong{display:block;font-size:21px;color:#dff7a8;margin-top:3px}
.mac-result.error strong{color:#ffb0aa}
.mac-result p{color:#7f94a6;margin:3px 0 0;font-size:12px}
.mac-privacy{border-top:1px solid var(--line);padding-top:13px;margin-top:17px}
.mac-privacy a{color:var(--cyan)}
@media(max-width:760px){.mac-input-row{flex-direction:column}.mac-input-row .action{width:100%}}
.dns-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,35,55,.88),rgba(9,23,39,.72));box-shadow:0 18px 65px rgba(0,0,0,.18);backdrop-filter:blur(16px);border-radius:20px;padding:26px;margin-top:16px}
.dns-icon{font-size:10px;font-weight:900;letter-spacing:.5px;color:#dff7a8;border-color:rgba(185,242,91,.22);background:rgba(185,242,91,.07);flex:0 0 auto}
.dns-card small{color:var(--lime);font-weight:800;font-size:11px;letter-spacing:2px}
.dns-form{margin-top:21px}
.dns-form label{display:block;color:#92a6b7;font-size:12px;font-weight:700;margin-bottom:7px}
.dns-input-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(190px,.55fr) auto;gap:10px}
.dns-input-row input,.dns-input-row select{min-width:0;border:1px solid rgba(148,181,207,.23);border-radius:11px;background:#071421;color:#f5f8fb;padding:12px 14px;font:650 15px ui-monospace,SFMono-Regular,Consolas,monospace;outline:none}
.dns-input-row input:focus,.dns-input-row select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(56,215,223,.08)}
.dns-form>p{color:#6f8498;font-size:11px;margin:8px 0 0}
.dns-result{margin-top:16px;border:1px solid rgba(56,215,223,.22);border-radius:13px;overflow:hidden;background:rgba(56,215,223,.035)}
.dns-result.error{border-color:rgba(255,120,120,.3);background:rgba(255,80,80,.055)}
.dns-result-head{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);color:#8297a9;font-size:10px;font-weight:800;letter-spacing:1.2px}
.dns-security{color:var(--lime)}
.dns-records>div{display:flex;justify-content:space-between;gap:20px;padding:12px 16px;border-bottom:1px solid var(--line)}
.dns-records>div:last-child{border-bottom:0}
.dns-records code{color:#eef7f7;overflow-wrap:anywhere;white-space:normal}
.dns-records span{color:#71879a;font-size:11px;white-space:nowrap}
.dns-records>p{color:#9aacbb;margin:0;padding:16px}
@media(max-width:760px){.dns-input-row{grid-template-columns:1fr}.dns-input-row .action{width:100%}.dns-result-head,.dns-records>div{align-items:flex-start;flex-direction:column;gap:6px}}
[hidden]{display:none!important}
@media(min-width:761px){body{height:100vh;overflow:hidden}main{width:min(1180px,calc(100% - 32px));height:100vh;padding:14px 0 10px;display:flex;flex-direction:column}.topbar{min-height:36px}.compact-hero{padding:14px 2px 12px;max-width:none;display:flex;align-items:end;justify-content:space-between;gap:30px}.compact-hero h1{font-size:30px;line-height:1;letter-spacing:-1.5px;margin:3px 0}.compact-hero h1 br{display:none}.compact-hero .intro{font-size:13px;margin:0;max-width:420px;text-align:right}.ip-grid{gap:10px}.ip-card{border-radius:14px;padding:13px 17px}.ip-line{margin-top:7px}.ip-line strong{font-size:24px}.ip-card p{margin-top:4px}.tool-tabs{margin-top:10px}.tool-panel{flex:1;min-height:0;overflow:auto;margin-top:8px!important}.dns-card,.mac-card{padding:18px}.dns-form,.mac-form{margin-top:13px}.mac-privacy{padding-top:8px;margin-top:10px}.details{gap:10px}.panel{padding:18px}.panel-title{margin-bottom:10px}.panel dl div{padding:8px 0}.permission-card{align-self:stretch}footer{padding:8px 3px 0}}
.tool-tabs{display:flex;gap:6px;padding:5px;border:1px solid var(--line);border-radius:13px;background:rgba(8,21,35,.72)}
.tool-tab{flex:1;border:0;border-radius:9px;background:transparent;color:#7f94a6;padding:9px 12px;font-weight:750;cursor:pointer}
.tool-tab:hover{color:#d9e7ec;background:rgba(255,255,255,.035)}
.tool-tab.active{color:#07111f;background:linear-gradient(135deg,var(--cyan),#83e9c0)}
.domain-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.domain-meta>div{min-width:0;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025);padding:10px 12px}
.domain-meta span{display:block;color:#71879a;font-size:10px;text-transform:uppercase;letter-spacing:.7px}
.domain-meta strong{display:block;color:#e7f0f3;margin-top:3px;font-size:13px;overflow-wrap:anywhere}
.hu-whois{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:10px;border:1px solid rgba(185,242,91,.24);border-radius:11px;background:rgba(185,242,91,.05);padding:11px 13px}
.hu-whois span{display:block;color:var(--lime);font-size:10px;font-weight:800;letter-spacing:1px}
.hu-whois strong{display:block;margin-top:2px;font-size:14px}
.hu-whois p{color:#8196a7;font-size:11px;margin:2px 0 0}
.hu-whois .action{text-decoration:none;font-size:12px;flex:0 0 auto}
@media(max-width:760px){.compact-hero{padding:28px 4px 20px}.compact-hero h1{font-size:38px;letter-spacing:-2px}.tool-tabs{overflow-x:auto}.tool-tab{flex:0 0 auto}.domain-meta{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.hu-whois{align-items:stretch;flex-direction:column}.hu-whois .action{text-align:center}}
.dig-head{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(0,0,0,.14);color:#8297a9;font-size:10px;font-weight:800;letter-spacing:1.1px}
.dig-head button{border:1px solid var(--line);border-radius:7px;background:transparent;color:#8fa6b7;padding:4px 8px;cursor:pointer}
.dig-head button:hover{color:var(--cyan);border-color:var(--cyan)}
.dig-output{margin:0;overflow:visible;padding:14px 16px;background:#050d16;color:#bde6c9;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4}
@media(max-width:760px){.dig-output{font-size:11px}}
html,body{height:auto;overflow-y:auto}
main{height:auto!important;min-height:100vh;display:block!important;overflow:visible!important}
.tool-panel{min-height:0;max-height:none!important;overflow:visible!important}