:root{color-scheme:dark;--bg:#212120;--card:#191918;--yellow:#fedd2b;--muted:#aaa99e;--line:#3a3a34;--text:#f7f6ee}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}.header,footer{max-width:1100px;margin:auto;padding:30px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px}.header img{display:block;width:248px;height:auto;max-width:100%}.header-note{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.header-note i{width:6px;height:6px;border-radius:50%;background:var(--yellow)}main{max-width:760px;margin:49px auto 80px;padding:0 28px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--yellow)}h1{font-size:clamp(48px,8vw,76px);font-weight:600;line-height:1.03;letter-spacing:-3px;margin:21px 0 22px}h1 span{color:var(--yellow)}.intro>p{font-size:17px;color:var(--muted);line-height:1.6;margin:0 0 33px}.result{background:var(--card);border:1px solid var(--line);border-radius:18px;border-top:3px solid var(--yellow);padding:27px 30px 0;overflow:hidden}.card-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.version{border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:10px;padding:3px 8px}.ip-row{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:17px 0 27px}.ip{font-size:clamp(27px,5vw,43px);font-weight:500;letter-spacing:-1.4px;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0}.ip.ipv6{font-size:clamp(22px,4vw,32px);letter-spacing:-.6px}.ip.loading{color:#77776e;font-size:32px}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}.copy{flex-shrink:0;color:var(--yellow);background:#282821;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;width:43px;height:43px}.copy:hover:not(:disabled){background:#373421;border-color:#8c8130}button:disabled{cursor:default;opacity:.4}.location{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding:22px 0}.flag{display:grid;place-items:center;font-size:30px;width:43px;flex-shrink:0}.field-label{display:block;color:var(--muted);font-size:11px;margin-bottom:3px}.location strong{font-size:17px;font-weight:500}.city{display:block;color:var(--muted);font-size:13px;margin-top:3px}.city:empty{display:none}.ownership{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#242420}.ownership strong{font-size:14px;font-weight:600}.ownership p{margin:3px 0 0;font-size:12px;color:var(--muted);line-height:1.55}.status-icon{border:1px solid #56564c;border-radius:50%;width:23px;height:23px;flex-shrink:0;display:grid;place-items:center;font-size:13px;margin-top:1px}.ownership[data-state=ours]{border-color:#6a6029;background:#2c291b}.ownership[data-state=ours] .status-icon{background:var(--yellow);color:#191918;border-color:var(--yellow)}.ownership[data-state=ours] strong{color:var(--yellow)}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 0}.card-bottom>span{font-size:10px;color:#88887e}.refresh{display:flex;align-items:center;gap:6px;color:var(--yellow);font-size:12px;background:none;border:0;padding:6px 0;flex-shrink:0}.refresh:hover:not(:disabled){color:#fff0a1}.note{display:flex;gap:13px;margin:24px 3px 0;color:var(--muted);font-size:12px;line-height:1.7}.note>span{font-size:20px;color:var(--yellow)}.note p{margin:0;max-width:560px}.message{font-size:13px;line-height:1.6;padding:16px 18px;border:1px solid #6a6029;background:#2c291b;border-radius:10px;color:#eee1a1;margin:15px 0 0}footer{border-top:1px solid var(--line);font-size:12px;color:#929286}a{color:var(--yellow);text-decoration:none}a:hover{text-decoration:underline}[hidden]{display:none!important}@media(max-width:550px){.header{padding:24px 22px}.header img{width:200px}.header-note{display:none}main{padding:0 18px;margin:35px auto 52px}h1{font-size:55px;letter-spacing:-2px}.intro>p{font-size:15px;margin-bottom:26px}.result{padding:22px 19px 0;border-radius:14px}.ip-row{padding:20px 0 24px;gap:10px}.ip{font-size:31px;letter-spacing:-1px}.ip.ipv6{font-size:24px}.ownership{padding:13px 12px;gap:10px}.card-bottom{padding:20px 0;align-items:flex-start}.card-bottom>span{max-width:140px}.location strong{font-size:16px}.note{font-size:11px;margin-top:20px}.note>span{font-size:18px}footer{padding:24px 22px}.copy{width:38px;height:38px}}@media(prefers-reduced-motion:no-preference){.loading{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.4}}}

.attribution{display:block;margin-top:5px;font-size:10px;color:var(--muted)}
