:root{--bg:#f7f8fb;--panel:#fff;--text:#17181c;--muted:#626875;--line:#dfe3ea;--primary:#176b5b;--primary-dark:#115145;--safe-bg:#e9f8f1;--safe-border:#87d5ae;--safe-text:#12643c;--warning-bg:#fff0ee;--warning-border:#f2a19a;--warning-text:#a52820;--error-bg:#fff7e5;--error-border:#efc15f;--error-text:#875700}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}.shell{flex-direction:column;justify-content:center;gap:16px;width:min(100%,560px);min-height:100svh;margin:0 auto;padding:24px 16px;display:flex}.ip-panel,.tracker-form,.alert{border:1px solid var(--line);background:var(--panel);border-radius:8px;box-shadow:0 18px 50px #1c232f14}.ip-panel{text-align:center;padding:24px}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:700}.ip-value{overflow-wrap:anywhere;font-size:clamp(28px,8vw,48px);font-weight:800;line-height:1.08}.ip-version{color:var(--muted);margin:12px 0 0;font-size:14px}.tracker-form{gap:14px;padding:16px;display:grid}label{color:var(--muted);gap:7px;font-size:14px;font-weight:700;display:grid}input,select{border:1px solid var(--line);width:100%;min-height:46px;color:var(--text);background:#fff;border-radius:8px;outline:none;padding:0 12px}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #176b5b24}button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:8px;min-height:48px;font-weight:800}button:hover:not(:disabled){background:var(--primary-dark)}button:disabled{cursor:not-allowed;opacity:.6}.alert{padding:16px}.alert strong{margin-bottom:6px;font-size:16px;display:block}.alert p{color:inherit;margin:0;line-height:1.5}.alert.idle{color:var(--muted)}.alert.safe{border-color:var(--safe-border);background:var(--safe-bg);color:var(--safe-text)}.alert.warning{border-color:var(--warning-border);background:var(--warning-bg);color:var(--warning-text)}.alert.error{border-color:var(--error-border);background:var(--error-bg);color:var(--error-text)}@media (max-width:420px){.shell{padding:12px}.ip-panel{padding:20px 14px}}.history-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:16px;box-shadow:0 18px 50px #1c232f14}.history-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.history-header h2{overflow-wrap:anywhere;margin:0;font-size:18px;line-height:1.25}.history-header span,.empty-history{color:var(--muted);font-size:14px}.history-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.history-list li{border:1px solid var(--line);border-radius:8px;gap:4px;padding:10px 12px;display:grid}.history-list div{justify-content:space-between;align-items:center;gap:10px;display:flex}.history-list strong{overflow-wrap:anywhere;font-size:15px}.history-list span{color:var(--muted);font-size:12px;font-weight:800}.history-list p,.empty-history{margin:0}.history-list p{color:var(--muted);font-size:13px}