*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #07080f;--surface: #0d0e19;--surface-2: #111320;--surface-3: #171a2c;--border: #1a1d30;--border-2: #222640;--text: #dde1f0;--text-muted: #4e5478;--text-dim: #252940;--violet: #7c5af0;--violet-text: #a78bfa;--violet-glow: rgba(124, 90, 240, .18);--violet-border: rgba(124, 90, 240, .32);--violet-bg: rgba(124, 90, 240, .08);--green: #10b981;--green-text: #34d399;--green-glow: rgba(16, 185, 129, .14);--green-border: rgba(16, 185, 129, .3);--green-bg: rgba(16, 185, 129, .07);--red: #f43f5e;--red-text: #fb7185;--red-glow: rgba(244, 63, 94, .14);--red-border: rgba(244, 63, 94, .3);--red-bg: rgba(244, 63, 94, .07);--font: ui-monospace, "Cascadia Code", "Fira Code", "SF Mono", "Menlo", "Consolas", "Liberation Mono", monospace;--r-sm: 6px;--r: 10px;--r-lg: 14px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:2px}.app{max-width:1100px;margin:0 auto;padding:28px 20px 60px}.app-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:22px;border-bottom:1px solid var(--border)}.header-logo{display:flex;align-items:center;gap:12px}.header-icon{width:38px;height:38px;min-width:38px;background:var(--violet-bg);border:1px solid var(--violet-border);border-radius:var(--r-sm);display:grid;place-items:center;font-size:15px;color:var(--violet-text)}.header-title{font-size:1rem;font-weight:700;letter-spacing:.12em;color:#fff}.header-subtitle{font-size:.65rem;color:var(--text-muted);letter-spacing:.06em;margin-top:2px}.header-clock{text-align:right;flex-shrink:0}.clock-time{font-size:1.2rem;font-weight:700;color:var(--violet-text);letter-spacing:.04em;line-height:1.2}.clock-date{font-size:.65rem;color:var(--text-muted);margin-top:2px;text-transform:capitalize}.ip-card{border-radius:var(--r-lg);padding:24px 28px;margin-bottom:24px;border:1px solid;position:relative;overflow:hidden}.ip-card:before{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;opacity:.5}.ip-card.is-new{background:linear-gradient(145deg,#081310 0%,var(--surface) 55%);border-color:var(--green-border);box-shadow:0 0 48px var(--green-glow)}.ip-card.is-new:before{background:linear-gradient(90deg,transparent,var(--green),transparent)}.ip-card.is-seen{background:linear-gradient(145deg,#130a0e 0%,var(--surface) 55%);border-color:var(--red-border);box-shadow:0 0 48px var(--red-glow)}.ip-card.is-seen:before{background:linear-gradient(90deg,transparent,var(--red),transparent)}.ip-card-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:10px;margin-bottom:18px}.ip-card-meta{font-size:.62rem;color:var(--text-muted);letter-spacing:.12em;text-align:right}.status-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;border-radius:20px;font-size:.65rem;font-weight:700;letter-spacing:.12em;border:1px solid}.status-badge.is-new{background:var(--green-bg);border-color:var(--green-border);color:var(--green-text)}.status-badge.is-seen{background:var(--red-bg);border-color:var(--red-border);color:var(--red-text)}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-badge.is-new .status-dot{background:var(--green);box-shadow:0 0 6px var(--green);animation:blink 2s ease-in-out infinite}.status-badge.is-seen .status-dot{background:var(--red);box-shadow:0 0 6px var(--red);animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.ip-address{font-size:clamp(1.6rem,4.5vw,2.4rem);font-weight:700;letter-spacing:.04em;color:#fff;margin-bottom:22px;word-break:break-all}.ip-card.is-new .ip-address{text-shadow:0 0 28px rgba(16,185,129,.3)}.ip-card.is-seen .ip-address{text-shadow:0 0 28px rgba(244,63,94,.3)}.ip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:10px;margin-bottom:22px}.ip-field{background:#ffffff06;border:1px solid var(--border);border-radius:var(--r-sm);padding:10px 13px}.ip-field-label{font-size:.58rem;color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px}.ip-field-value{font-size:.8rem;color:var(--text);font-weight:500;word-break:break-word;line-height:1.3}.ip-stats{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding-top:18px;border-top:1px solid var(--border);font-size:.72rem;color:var(--text-muted)}.stat-visits{font-weight:700;font-size:.78rem;color:var(--red-text)}.stat-new-text{color:var(--green-text);font-weight:600}.stat-sep{color:var(--text-dim);-webkit-user-select:none;user-select:none}.table-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--surface-2)}.table-title{font-size:.65rem;font-weight:700;letter-spacing:.14em;color:var(--text-muted)}.table-pill{font-size:.65rem;color:var(--text-muted);background:var(--surface-3);border:1px solid var(--border-2);padding:2px 10px;border-radius:20px}.ip-table{width:100%;border-collapse:collapse;table-layout:fixed}.col-dot{width:36px}.col-ip{width:28%}.col-isp{width:22%}.col-city{width:15%}.col-country{width:10%}.col-last{width:17%}.col-visits{width:8%}.ip-table thead th{font-size:.6rem;letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase;padding:10px 14px;text-align:left;background:var(--surface-2);border-bottom:1px solid var(--border)}.ip-table thead th.col-dot{padding-left:18px}.ip-table thead th.col-visits{text-align:center}.ip-table tbody td{padding:10px 14px;font-size:.76rem;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ip-table tbody td.col-dot{padding-left:18px}.ip-table tbody td.col-visits{text-align:center}.ip-table tbody tr:last-child td{border-bottom:none}.ip-table tbody tr:hover td{background:#ffffff05}.ip-table tbody tr.row-current td{background:#7c5af00a}.row-dot{width:8px;height:8px;border-radius:50%;display:block}.dot-first{background:var(--green);box-shadow:0 0 5px #10b981b3}.dot-repeat{background:var(--red);box-shadow:0 0 5px #f43f5eb3}.ip-text{font-weight:600;color:#fff}.current-arrow{color:var(--violet-text);font-size:.68rem;margin-left:5px}.visits-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:2px 7px;border-radius:var(--r-sm);font-size:.7rem;font-weight:700;background:var(--surface-3);border:1px solid var(--border-2);color:var(--text-muted)}.visits-badge.badge-multi{background:var(--red-bg);border-color:var(--red-border);color:var(--red-text)}.date-cell{color:var(--text-muted);font-size:.72rem}.table-empty{padding:44px;text-align:center;color:var(--text-muted);font-size:.78rem}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:18px}.spinner-ring{width:40px;height:40px;border:2px solid var(--border-2);border-top-color:var(--violet-text);border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-label{font-size:.68rem;color:var(--text-muted);letter-spacing:.16em}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:12px}.error-icon{font-size:2rem;color:var(--red-text)}.error-title{font-size:.65rem;letter-spacing:.16em;color:var(--red-text)}.error-msg{font-size:.78rem;color:var(--text-muted);max-width:380px;text-align:center;line-height:1.7}@media(max-width:820px){.col-city,.col-city-th{display:none}.col-ip{width:34%}.col-isp{width:26%}.col-country{width:12%}.col-last{width:20%}.col-visits{width:8%}}@media(max-width:600px){.app{padding:18px 14px 40px}.app-header{flex-direction:column;align-items:flex-start;gap:10px}.header-clock{align-self:flex-start}.clock-time{font-size:1rem}.ip-card{padding:18px 16px}.ip-address{font-size:1.45rem}.ip-grid{grid-template-columns:repeat(2,1fr);gap:8px}.ip-field{padding:8px 11px}.ip-stats{flex-direction:column;align-items:flex-start;gap:4px}.col-isp,.col-isp-th{display:none}.col-ip{width:40%}.col-country{width:15%}.col-last{width:33%}.col-visits{width:12%}.ip-table tbody td{font-size:.7rem;padding:9px 10px}.ip-table thead th{font-size:.56rem;padding:9px 10px}}@media(max-width:380px){.ip-grid{grid-template-columns:1fr}.ip-address{font-size:1.25rem}}