:root{--wmip-primary:#6c63ff;--wmip-primary-dark:#5a52e0;--wmip-primary-light:#ede9ff;--wmip-primary-hover:#7b74ff;--wmip-green:#22c55e;--wmip-red:#ef4444;--wmip-yellow:#f59e0b;--wmip-blue:#3b82f6;--wmip-teal:#14b8a6;--wmip-bg:#f4f6fb;--wmip-surface:#fff;--wmip-surface-hover:#f8f9ff;--wmip-border:#e2e5f0;--wmip-border-light:#eef0f8;--wmip-text:#1a1d2e;--wmip-text-sec:#5b6280;--wmip-text-muted:#8b91aa;--wmip-shadow-sm:0 1px 3px #6c63ff0f, 0 1px 2px #0000000a;--wmip-shadow-md:0 4px 16px #6c63ff14, 0 2px 8px #0000000f;--wmip-shadow-lg:0 8px 32px #6c63ff1f, 0 4px 16px #00000014;--wmip-shadow-card:0 2px 12px #6c63ff12;--wmip-radius-sm:6px;--wmip-radius-md:10px;--wmip-radius-lg:14px;--wmip-radius-xl:20px;--wmip-radius-full:9999px;--wmip-font:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--wmip-mono:"JetBrains Mono", "Fira Code", "Courier New", monospace;--wmip-transition:.18s ease}.wmip-page{font-family:var(--wmip-font);background-color:var(--wmip-bg);color:var(--wmip-text);-webkit-font-smoothing:antialiased;max-width:1080px;min-height:100vh;margin:0 auto;padding:24px 20px 64px}.breadcrumb{color:var(--wmip-text-muted);align-items:center;gap:6px;margin-bottom:20px;font-size:13px;display:flex}.breadcrumb a{color:var(--wmip-text-sec);transition:color var(--wmip-transition);text-decoration:none}.breadcrumb a:hover{color:var(--wmip-primary)}.breadcrumb span:not(:last-child){color:var(--wmip-border)}.tool-header{align-items:center;gap:16px;margin-bottom:14px;display:flex}.tool-icon-wrap{border-radius:var(--wmip-radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex}.wmip-icon-bg{background:linear-gradient(135deg,#dbeafe 0%,#e0e7ff 100%)}.tool-title{color:var(--wmip-text);margin:0 0 4px;font-size:26px;font-weight:700;line-height:1.2}.tool-subtitle{color:var(--wmip-text-sec);margin:0;font-size:14px}.hero-card{background:var(--wmip-surface);border:1px solid var(--wmip-border);border-radius:var(--wmip-radius-xl);box-shadow:var(--wmip-shadow-md);transition:box-shadow var(--wmip-transition);margin-bottom:20px;padding:28px 32px}.hero-card.hero-loading{min-height:100px}.hero-content{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.hero-left{flex-direction:column;gap:8px;display:flex}.hero-label{text-transform:uppercase;letter-spacing:.08em;color:var(--wmip-text-muted);font-size:11px;font-weight:600}.hero-ip-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero-ip{color:var(--wmip-text);font-size:32px;font-weight:800;font-family:var(--wmip-mono);letter-spacing:-.5px}.ipv-badge{background:var(--wmip-primary-light);color:var(--wmip-primary);border-radius:var(--wmip-radius-full);letter-spacing:.04em;padding:3px 10px;font-size:11px;font-weight:700}.private-badge{color:#92400e;border-radius:var(--wmip-radius-full);background:#fef3c7;padding:3px 10px;font-size:11px;font-weight:700}.hero-location{color:var(--wmip-text-sec);align-items:center;gap:8px;font-size:14px;display:flex}.country-flag{vertical-align:middle;border-radius:2px}.hero-flag{display:none}.hero-loc-text{font-weight:500}.hero-isp{color:var(--wmip-text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.isp-icon{font-size:14px}.hero-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:10px;display:flex}.hero-copy-btn{background:var(--wmip-primary);color:#fff;border-radius:var(--wmip-radius-md);cursor:pointer;transition:background var(--wmip-transition), transform var(--wmip-transition), box-shadow var(--wmip-transition);white-space:nowrap;border:none;align-items:center;gap:6px;padding:10px 22px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #6c63ff40}.hero-copy-btn:hover{background:var(--wmip-primary-dark);transform:translateY(-1px);box-shadow:0 4px 14px #6c63ff59}.hero-copy-btn.copied{background:var(--wmip-green);box-shadow:0 2px 8px #22c55e40}.hero-refresh-btn{color:var(--wmip-text-sec);border:1px solid var(--wmip-border);border-radius:var(--wmip-radius-md);cursor:pointer;transition:all var(--wmip-transition);white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:500;display:inline-flex}.hero-refresh-btn:hover{border-color:var(--wmip-primary);color:var(--wmip-primary);background:var(--wmip-primary-light)}.hero-skeleton{flex-direction:column;gap:14px;display:flex}.skeleton-pulse{border-radius:var(--wmip-radius-md);background:linear-gradient(90deg,#e8eaf0 25%,#f2f4f8 50%,#e8eaf0 75%) 0 0/200% 100%;animation:1.4s infinite shimmer}.skeleton-ip{width:260px;max-width:100%;height:42px}.skeleton-sub{width:200px;max-width:80%;height:18px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hero-error{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:8px 0;display:flex}.hero-error-icon{font-size:28px}.hero-error p{color:var(--wmip-red);font-size:14px}.btn-retry{background:var(--wmip-red);color:#fff;border-radius:var(--wmip-radius-md);cursor:pointer;transition:background var(--wmip-transition);border:none;padding:9px 20px;font-size:13px;font-weight:600}.btn-retry:hover{background:#dc2626}.tab-nav{background:var(--wmip-surface);border:1px solid var(--wmip-border);border-radius:var(--wmip-radius-lg);box-shadow:var(--wmip-shadow-sm);flex-wrap:wrap;gap:4px;margin-bottom:20px;padding:6px;display:flex}.tab-btn{border-radius:var(--wmip-radius-md);color:var(--wmip-text-sec);cursor:pointer;transition:all var(--wmip-transition);white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:500}.tab-btn:hover{background:var(--wmip-primary-light);color:var(--wmip-primary)}.tab-btn.active{background:var(--wmip-primary);color:#fff;font-weight:600;box-shadow:0 2px 8px #6c63ff40}.wmip-grid{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}@media (width<=720px){.wmip-grid{grid-template-columns:1fr}}.tc-card{background:var(--wmip-surface);border:1px solid var(--wmip-border);border-radius:var(--wmip-radius-lg);box-shadow:var(--wmip-shadow-card);transition:box-shadow var(--wmip-transition);padding:22px 24px}.tc-card:hover{box-shadow:var(--wmip-shadow-md)}.card-section-title{color:var(--wmip-text);margin:0 0 16px;font-size:15px;font-weight:700}.detail-list{flex-direction:column;gap:0;display:flex}.detail-row{border-bottom:1px solid var(--wmip-border-light);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--wmip-text-muted);flex-shrink:0;font-size:13px;font-weight:500}.detail-value-wrap{align-items:center;gap:8px;min-width:0;display:flex}.detail-value{color:var(--wmip-text);text-align:right;word-break:break-all;min-width:0;font-size:13px;font-weight:600}.mono-value{font-family:var(--wmip-mono);letter-spacing:.03em;color:var(--wmip-primary);font-size:11px}.mini-copy{background:var(--wmip-bg);border:1px solid var(--wmip-border);border-radius:var(--wmip-radius-sm);cursor:pointer;color:var(--wmip-text-muted);transition:all var(--wmip-transition);flex-shrink:0;padding:3px 8px;font-size:12px;line-height:1}.mini-copy:hover{background:var(--wmip-primary-light);border-color:var(--wmip-primary);color:var(--wmip-primary)}.mini-copy.copied{border-color:var(--wmip-green);color:var(--wmip-green);background:#dcfce7}.quick-copy-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.qc-btn{background:var(--wmip-bg);border:1px solid var(--wmip-border);border-radius:var(--wmip-radius-md);cursor:pointer;transition:all var(--wmip-transition);text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;display:flex;position:relative}.qc-btn:hover{background:var(--wmip-primary-light);border-color:var(--wmip-primary)}.qc-btn.qc-copied{border-color:var(--wmip-green);background:#dcfce7}.qc-label{text-transform:uppercase;letter-spacing:.06em;color:var(--wmip-text-muted);font-size:10px;font-weight:600}.qc-value{color:var(--wmip-text);word-break:break-all;max-width:100%;font-size:13px;font-weight:700}.qc-icon{opacity:.6;font-size:13px;position:absolute;top:10px;right:12px}.facts-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.fact-item{background:var(--wmip-bg);border:1px solid var(--wmip-border-light);border-radius:var(--wmip-radius-md);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.fact-icon{font-size:18px}.fact-label{text-transform:uppercase;letter-spacing:.06em;color:var(--wmip-text-muted);font-size:11px;font-weight:600}.fact-value{color:var(--wmip-text);word-break:break-all;font-size:14px;font-weight:700}.geo-coords{background:var(--wmip-bg);border:1px solid var(--wmip-border-light);border-radius:var(--wmip-radius-md);align-items:center;gap:0;margin-bottom:14px;display:flex;overflow:hidden}.coord-item{flex-direction:column;flex:1;align-items:center;gap:4px;padding:14px 16px;display:flex}.coord-label{text-transform:uppercase;letter-spacing:.07em;color:var(--wmip-text-muted);font-size:10px;font-weight:700}.coord-value{color:var(--wmip-text);font-size:20px;font-weight:800;font-family:var(--wmip-mono)}.coord-divider{background:var(--wmip-border);width:1px;height:48px}.map-link{color:var(--wmip-primary);transition:color var(--wmip-transition);align-items:center;gap:6px;padding:8px 0;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.map-link:hover{color:var(--wmip-primary-dark);text-decoration:underline}.binary-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.binary-octet{background:var(--wmip-bg);border:1px solid var(--wmip-border-light);border-radius:var(--wmip-radius-md);flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}.binary-dec{color:var(--wmip-text);font-size:22px;font-weight:800;font-family:var(--wmip-mono)}.binary-bits{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.bit{width:20px;height:20px;font-size:11px;font-weight:700;font-family:var(--wmip-mono);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.bit-on{background:var(--wmip-primary);color:#fff}.bit-off{background:var(--wmip-border);color:var(--wmip-text-muted)}.binary-hex{color:var(--wmip-text-muted);font-size:11px;font-weight:600;font-family:var(--wmip-mono);letter-spacing:.05em}.lookup-row{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.lookup-input-wrap{background:var(--wmip-bg);border:1px solid var(--wmip-border);border-radius:var(--wmip-radius-md);min-width:200px;transition:border-color var(--wmip-transition), box-shadow var(--wmip-transition);flex:1;align-items:center;gap:10px;padding:0 14px;display:flex}.lookup-input-wrap:focus-within{border-color:var(--wmip-primary);box-shadow:0 0 0 3px #6c63ff1f}.lookup-icon{flex-shrink:0;font-size:16px}.lookup-input{font-size:14px;font-family:var(--wmip-font);color:var(--wmip-text);background:0 0;border:none;outline:none;flex:1;padding:11px 0}.lookup-input::placeholder{color:var(--wmip-text-muted)}.btn-lookup{background:var(--wmip-primary);color:#fff;border-radius:var(--wmip-radius-md);cursor:pointer;transition:background var(--wmip-transition), transform var(--wmip-transition);white-space:nowrap;border:none;padding:11px 22px;font-size:14px;font-weight:600;box-shadow:0 2px 8px #6c63ff38}.btn-lookup:hover:not(:disabled){background:var(--wmip-primary-dark);transform:translateY(-1px)}.btn-lookup:disabled{opacity:.5;cursor:not-allowed}.lookup-presets{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.presets-label{color:var(--wmip-text-muted);flex-shrink:0;font-size:12px;font-weight:600}.preset-chip{background:var(--wmip-bg);border:1px solid var(--wmip-border);border-radius:var(--wmip-radius-full);color:var(--wmip-text-sec);cursor:pointer;transition:all var(--wmip-transition);padding:5px 12px;font-size:12px;font-weight:500}.preset-chip:hover{background:var(--wmip-primary-light);border-color:var(--wmip-primary);color:var(--wmip-primary)}.lookup-error{border-radius:var(--wmip-radius-md);color:var(--wmip-red);background:#fef2f2;border:1px solid #fecaca;margin-top:10px;padding:10px 14px;font-size:13px;font-weight:500}.history-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.btn-clear{border-radius:var(--wmip-radius-md);color:var(--wmip-red);cursor:pointer;transition:all var(--wmip-transition);background:#fef2f2;border:1px solid #fecaca;padding:7px 14px;font-size:12px;font-weight:600}.btn-clear:hover{background:#fee2e2}.empty-history{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:32px 0;display:flex}.empty-history span{font-size:36px}.empty-history p{color:var(--wmip-text-muted);max-width:360px;font-size:14px}.history-list{flex-direction:column;gap:8px;display:flex}.history-item{background:var(--wmip-bg);border-radius:var(--wmip-radius-md);border:1px solid var(--wmip-border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.hi-ip-wrap{flex-shrink:0;align-items:center;gap:10px;display:flex}.hi-ip{color:var(--wmip-text);font-size:16px;font-weight:800;font-family:var(--wmip-mono)}.hi-meta{color:var(--wmip-text-muted);flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:20px;font-size:12px;display:flex}.hi-meta span{white-space:nowrap;align-items:center;gap:4px;display:flex}.hi-date{opacity:.75;margin-left:0}.loading-card{text-align:center;color:var(--wmip-text-sec);flex-direction:column;align-items:center;gap:16px;padding:40px;font-size:14px;display:flex}.loading-spinner{border:3px solid var(--wmip-border);border-top-color:var(--wmip-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.seo-section{border-top:1px solid var(--wmip-border);margin-top:48px;padding-top:40px}.seo-section h2{color:var(--wmip-text);margin:32px 0 12px;font-size:20px;font-weight:700}.seo-section h2:first-child{margin-top:0}.seo-section p{color:var(--wmip-text-sec);margin-bottom:10px;font-size:14px;line-height:1.75}.compare-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:8px;display:grid}.compare-card{background:var(--wmip-surface);border:1px solid var(--wmip-border);border-radius:var(--wmip-radius-lg);box-shadow:var(--wmip-shadow-sm);padding:20px}.compare-card strong{color:var(--wmip-primary);margin-bottom:8px;font-size:15px;font-weight:700;display:block}.compare-card p{color:var(--wmip-text-sec);margin:0;font-size:13px;line-height:1.65}@media (width<=600px){.wmip-page{padding:16px 14px 48px}.hero-card{padding:20px 18px}.hero-ip{font-size:22px}.hero-content{flex-direction:column;gap:18px}.hero-actions{flex-direction:row;align-items:center;width:100%}.hero-copy-btn,.hero-refresh-btn{flex:1;justify-content:center}.tool-title{font-size:20px}.tab-btn{padding:7px 11px;font-size:12px}.compare-grid,.facts-grid,.quick-copy-grid{grid-template-columns:1fr}.binary-grid{grid-template-columns:1fr 1fr}.tc-card{padding:18px 16px}}