:root{color:#0f172a;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 10% 20%,#eef2ff 0,#e2f4ff 20%,#f8fafc 45%,#fff 70%);font-family:Manrope,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:500;line-height:1.5}*{box-sizing:border-box}body{background:linear-gradient(135deg,#0f172a 0%,#111827 35%,#020617 100%);place-items:center;min-height:100vh;margin:0;padding:24px;display:grid}#app{color:#0f172a;width:min(720px,100%)}.page{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:36px 32px;box-shadow:0 25px 70px #0f172a38}.card{text-align:left;gap:12px;display:grid}.ip-group{gap:10px;display:grid}.ip-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:baseline;padding:12px 14px;display:flex}.ip-label{color:#0f172a;letter-spacing:.02em;font-weight:700}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#475569;margin:0;font-size:.78rem}.ip-value{letter-spacing:.02em;color:#0b1222;font-size:clamp(1.4rem,3.5vw,2rem);font-weight:700}.hint{color:#64748b;margin:0 0 8px}.refresh{color:#fff;cursor:pointer;background:#0f172a;border:1px solid #0f172a;border-radius:10px;width:fit-content;padding:10px 18px;font-weight:600;transition:transform .12s,box-shadow .12s,background .12s}.refresh:hover:not(:disabled){background:#111827;transform:translateY(-1px);box-shadow:0 12px 30px #0f172a40}.refresh:disabled{cursor:wait;opacity:.8}.error{color:#b91c1c;margin:6px 0 0;font-weight:600}