:root{color:#000;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#fff}body{min-width:320px;min-height:100vh;min-height:100svh;margin:0;display:grid;place-items:center;padding:clamp(1.5rem,5vw,5rem);background:#fff}.network-info{width:min(100%,90rem);text-align:center;transform:translateY(-2svh)}.ip-address{margin:0}.ip-address{overflow-wrap:anywhere;color:#000;font-size:clamp(2.5rem,8vw,7.5rem);font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.055em;line-height:.98;text-wrap:balance}.network-info[data-state=loading] .ip-address{opacity:.2}.network-info[data-state=ready] .ip-address{animation:reveal .42s cubic-bezier(.2,0,0,1) both}.network-info[data-state=error] .ip-address{font-size:clamp(2.25rem,6vw,5.75rem)}.retry{position:relative;min-width:40px;min-height:40px;margin-top:1rem;padding:.625rem .75rem;border:0;color:#000;background:transparent;font:inherit;font-weight:600;text-decoration:underline;text-decoration-color:#b8b8b8;text-decoration-thickness:1px;text-underline-offset:.25em;cursor:pointer;scale:1;transition-property:scale,text-decoration-color;transition-duration:.15s;transition-timing-function:ease-out}.retry:hover{text-decoration-color:#000}.retry:active{scale:.96}.retry:focus-visible{outline:2px solid #000000;outline-offset:2px}.retry[hidden]{display:none}noscript{max-width:32rem;color:#000;font-size:1rem;line-height:1.5;text-align:center}@keyframes reveal{0%{opacity:0;filter:blur(4px);transform:translateY(10px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@media(max-width:480px){body{padding-inline:1rem}.ip-address{font-size:clamp(2.25rem,12vw,4rem)}}@media(prefers-reduced-motion:reduce){.network-info[data-state=ready] .ip-address{animation:none}.retry{transition:none}}