.network-warning{margin:1.5rem 0;padding:1rem 1.1rem;border-left:4px solid var(--gold);background:#fffbeb}.ip-panel{margin:1.5rem 0;padding:1.3rem;border:1px solid var(--line);background:var(--soft);border-radius:.45rem}.ip-panel h2{margin:0 0 .65rem;font-size:1.1rem}.detected-ip{display:block;font:700 clamp(1.15rem,3vw,1.55rem)/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.copy-ip{margin-top:.8rem;border:1px solid var(--brand);background:#fff;color:var(--brand);padding:.55rem .8rem;font-weight:750;border-radius:.3rem}.cgnat-form{display:grid;gap:.75rem;margin:1.5rem 0}.cgnat-form label{display:grid;gap:.2rem}.cgnat-form label span{color:var(--muted);font-size:.92rem}.cgnat-form input{width:100%;border:1px solid #8c9baa;border-radius:.3rem;padding:.8rem;font:1rem ui-monospace,SFMono-Regular,Menlo,monospace}.cgnat-form button{justify-self:start;border:0;border-radius:.3rem;background:var(--brand);color:#fff;padding:.75rem 1.1rem;font-weight:800}.cgnat-result{margin:1.5rem 0;padding:1.2rem;border:1px solid var(--line);border-left:5px solid var(--accent);border-radius:.35rem;background:#f8fafc}.cgnat-result h2{margin:.15rem 0}.result-cgnat{border-left-color:#dc2626;background:#fef2f2}.result-direct{border-left-color:#16a34a;background:#f0fdf4}.result-private,.result-transition,.result-inconclusive{border-left-color:var(--gold);background:#fffbeb}.result-invalid{border-left-color:#dc2626}.result-label{margin:0;color:var(--muted);font-size:.78rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}