:root{color-scheme:dark;--bg:#0c1420;--panel:#141f2e;--muted:#9caabc;--line:#2a3748;--lime:#b5f18d;--text:#f0f4f9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button{transition:background .15s}aside{width:270px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:32px 23px;display:flex;flex-direction:column;background:#0f1927}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-size:17px;font-weight:650;letter-spacing:-.6px}.mark{font-size:26px;background:var(--lime);color:var(--bg);padding:0 9px;border-radius:7px;font-weight:800}.muted{color:var(--muted);font-weight:400}.nav-label{font-size:12px;letter-spacing:2px;color:var(--muted);margin:54px 12px 16px}nav{display:grid;gap:8px}nav button{display:flex;align-items:center;gap:12px;border:1px solid transparent;background:none;color:var(--muted);text-align:left;padding:13px 12px;border-radius:7px;font-size:14px;font-weight:550}nav button>span{width:23px;font-size:18px}nav button.active{background:#26382c;border-color:#43593b;color:var(--lime)}nav button:hover{background:#213041}kbd{margin-left:auto;font-size:12px;opacity:.6;font-family:inherit}.aside-bottom{margin-top:auto;padding:50px 12px 0;font-size:14px}.aside-bottom p{color:var(--muted);font-size:14px;margin:7px 0 24px}.local-icon{color:var(--lime);font-size:26px;margin-bottom:12px}.contact-link{background:none;color:var(--text);border:0;padding:0;margin-bottom:20px;font-size:14px}.domain{display:block;color:var(--muted);font-size:12px}main{margin-left:270px;padding:0 48px;max-width:1570px}header{height:87px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1.5px;color:var(--muted)}.slash{margin:0 18px;color:#506178}#clock{letter-spacing:0;font-family:monospace;font-size:14px}.page-intro{display:flex;justify-content:space-between;align-items:center;padding:48px 0 38px;gap:20px}.eyebrow{color:var(--lime);font-size:12px;letter-spacing:2px;margin-bottom:13px}h1{font-size:clamp(27px,3vw,43px);line-height:1.18;font-weight:550;letter-spacing:-1.8px;margin:0 0 14px}h1>span{color:var(--lime)}p{color:var(--muted);margin:0}h2{font-size:25px;letter-spacing:-.7px;font-weight:550;line-height:1.25;margin:12px 0 8px}.edition{font-size:12px;letter-spacing:1.5px;color:var(--muted);border-left:1px solid var(--line);padding:7px 0 7px 24px;white-space:nowrap}.edition b{font-size:14px;letter-spacing:0;font-weight:400;color:var(--text)}.tool-shell{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel{padding:32px}.tool-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:30px}.tag{font-size:12px;letter-spacing:1.8px;color:var(--lime)}.badge{font-size:12px;letter-spacing:1px;border:1px solid #435167;border-radius:5px;padding:5px 9px;color:#c1ccdc;white-space:nowrap}.input-row{display:flex;align-items:flex-end;gap:12px}label{display:block;font-size:14px;color:#b8c5d7;margin-bottom:8px}.grow{flex:1;min-width:0}input,textarea,select{border:1px solid #425168;border-radius:6px;background:#0e1826;color:var(--text);padding:13px 15px;outline:none}input,textarea{width:100%}input:focus,textarea:focus,select:focus{border-color:var(--lime);box-shadow:0 0 0 2px #b5f18d18}input,textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}textarea{resize:vertical;display:block;font-size:15px;line-height:1.6}input::placeholder,textarea::placeholder{color:#78899f}.primary,.secondary{border-radius:6px;border:1px solid transparent;padding:13px 19px;white-space:nowrap;font-size:14px;font-weight:600;min-height:50px}.primary{background:var(--lime);color:#132014}.primary:hover{background:#cef8b5}.primary>span{margin-left:22px}.secondary{background:#233247;border-color:#435167;color:var(--text)}.secondary:hover{background:#30435a}.examples{display:flex;align-items:center;gap:15px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:15px 0 22px}.examples button{background:none;border:0;border-bottom:1px dashed #536379;color:#b6c5d7;padding:0;font-size:12px;font-family:monospace}.error{color:#ffb4a9;font-size:14px;margin:10px 0}.error:empty{display:none}.network-overview{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.big-result{padding:23px;background:#1d2c3d;border:1px solid #344458;border-radius:7px}.big-result:first-child{background:#21352c;border-color:#405d43}.result-label{font-size:12px;color:var(--muted);letter-spacing:1px;text-transform:uppercase}.result-value{font-size:30px;letter-spacing:-1px;margin-top:7px;font-family:ui-monospace,monospace;overflow-wrap:anywhere}.big-result:first-child .result-value{color:var(--lime)}.result-caption{color:var(--muted);font-size:12px;margin-top:4px}.details{display:grid;grid-template-columns:1fr 1fr;margin:23px 0 26px;gap:0 35px}.detail{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.detail span:first-child{color:var(--muted)}.detail strong{font-family:ui-monospace,monospace;font-weight:400;overflow-wrap:anywhere}.bits-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:9px}.bits{display:flex;gap:4px;height:18px}.bits i{flex:1;background:var(--lime);opacity:.85;border-radius:2px}.bits i.host{background:#52667f;opacity:1}.bits i:nth-child(8n){margin-right:7px}.bits i:last-child{margin-right:0}.tool-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:22px;margin-top:27px;font-size:13px;color:var(--muted)}.subtle{border:0;background:none;color:var(--lime);padding:7px 0;font-size:14px;white-space:nowrap}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.actions .subtle{margin-left:auto}footer{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;padding:22px 0 35px}.time-results{margin-top:25px}.time-results .detail{flex-wrap:wrap}.compact{margin-bottom:10px}.divider{height:1px;background:var(--line);margin:30px 0}.output-heading{display:flex;justify-content:space-between;align-items:center;margin-top:18px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 22px;border:1px solid #577347;border-radius:7px;background:#263a2a;color:var(--lime);opacity:0;pointer-events:none;transition:opacity .2s;z-index:20}#toast.show{opacity:1}dialog{width:min(480px,calc(100% - 30px));border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:30px}dialog::backdrop{background:#030912b8}dialog p{font-size:14px;margin-bottom:20px}dialog input,dialog textarea{margin-bottom:16px}.close{float:right;background:none;border:0;color:var(--text);font-size:27px;line-height:1}.close:hover{color:var(--lime)}[hidden]{display:none!important}@media(min-width:1500px){main{padding-left:70px;padding-right:70px}}@media(max-width:1100px){aside{width:235px;padding:26px 15px}main{margin-left:235px;padding:0 28px}.edition{display:none}.panel{padding:25px}.details{grid-template-columns:1fr}.result-value{font-size:24px}}@media(max-width:760px){aside{position:static;width:auto;padding:18px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:17px}.nav-label,.aside-bottom,.edition,kbd{display:none}nav{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:20px}nav button{padding:10px;font-size:13px}main{margin:0;padding:0 18px}header{height:59px;font-size:10px;letter-spacing:1px}.slash{margin:0 7px}#clock{font-size:12px}.page-intro{padding:28px 0}.page-intro p{font-size:14px}h1{letter-spacing:-1px;font-size:29px}.eyebrow{font-size:10px}.panel{padding:20px}.tool-heading{margin-bottom:22px}h2{font-size:22px}.tool-heading p{font-size:14px}.badge{font-size:10px;padding:4px}.input-row{flex-wrap:wrap}.input-row .grow{flex-basis:100%}.input-row>.primary{width:100%}.examples{gap:10px}.network-overview{grid-template-columns:1fr}.big-result{padding:18px}.details{gap:0}.detail{font-size:13px}.bits{gap:3px;height:14px}.tool-footer{align-items:flex-start;flex-direction:column}.actions{gap:8px}.actions .secondary{flex:1;font-size:13px;padding:10px}.actions .subtle{margin-left:0}.time-results strong{font-size:13px}footer span:last-child{display:none}footer{padding-bottom:22px}select{flex:1}}