body{background-color:#e9ecef;min-height:100vh;transition:all .3s;padding:0;touch-action:manipulation}.ip-row-container{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;align-items:center}@media (min-width:576px){.ip-row-container{flex-direction:row;align-items:center;gap:.5rem;align-items:stretch}}.ip-input{font-family:'Courier New',monospace;font-weight:600;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:.375rem;padding:.75rem 1rem;font-size:1.4rem;color:#212529;width:100%;transition:all .2s;text-align:center;box-sizing:border-box}@media (min-width:576px){.ip-input{text-align:center;box-sizing:content-box}#ipv4-address{max-width:15ch}#ipv6-address{max-width:15ch}}.copy-btn{font-size:1rem;padding:.75rem 1.25rem;font-weight:500;white-space:nowrap;border-radius:.375rem;width:100%;margin-left:.5rem}.copy-input-btn{margin:.5em}.main-title{color:#6495ed}.main-title a{text-decoration:none;color:#6495ed}@media (min-width:576px){.copy-btn{width:auto}}@media (min-width:992px){.copy-btn{font-size:1.1rem;padding:.875rem 1.5rem}}.ip-display-container .ip-row{margin-bottom:1rem}@media (min-width:768px){.ip-display-container .ip-row{margin-bottom:0}.ip-display-container{gap:1.5rem!important}}.ip-input:focus{background-color:#fff;border-color:#86b7fe;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.ip-input.loading{color:#666;animation:pulse 1.5s ease-in-out infinite}.ip-input.unavailable{color:#999;cursor:not-allowed}.help-link{color:#007bff;text-decoration:none;font-size:.8em;margin-left:.5em;cursor:pointer}.help-link:hover{text-decoration:underline}.dark-mode .help-link{color:#66b3ff}.highlight-section{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:.375rem;transition:all .3s ease}.dark-mode .highlight-section{background-color:#664d03;border-color:#997404}.ip-input.error{color:#e74c3c}.network-info-section{border-top:1px solid #dee2e6;padding-top:20px;margin-top:20px}.info-grid{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:.9rem;margin-top:15px;align-items:baseline}@media (min-width:768px){.info-grid{grid-template-columns:auto 1fr auto 1fr;column-gap:24px;row-gap:8px}}.info-item{display:contents}.info-label{font-weight:600;color:#495057;text-align:end;white-space:nowrap;padding:4px 0}.info-value{color:#212529;font-weight:400;text-align:start;padding:4px 0;border-bottom:1px solid rgba(0,0,0,.1);overflow-x:hidden}.loading{color:#666;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}.unavailable{color:#999}.error{color:#e74c3c}@media (max-width:768px){.ip-input{font-size:.9rem}}.content{color:#6c757d;font-size:.875rem}.content h4{margin-bottom:.75rem;margin-top:1.5rem;font-size:1rem}.content h4:first-child{margin-top:0}.content p{margin-bottom:1rem}@media (max-width:575px){h3{text-align:center}.ip-input-container{text-align:center}.ip-input{text-align:center}}.dark-mode body{background-color:#343a40}.dark-mode .card{background-color:#1e1e1e;color:#e0e0e0;border-color:#333}.dark-mode .text-muted{color:#adb5bd!important}.dark-mode .ip-input{background-color:#2d2d2d;border-color:#495057;color:#e0e0e0}.dark-mode .ip-input:focus{background-color:#3a3a3a;border-color:#0d6efd}.dark-mode .btn-outline-secondary{background-color:#495057;border-color:#495057;color:#f8f9fa}.dark-mode .btn-outline-secondary:hover{background-color:#6c757d;border-color:#6c757d;color:#fff}.dark-mode .content{color:#adb5bd}.dark-mode .network-info-section{border-top-color:rgba(255,255,255,.1)}.dark-mode .info-label{color:#adb5bd}.dark-mode .info-value{color:#f8f9fa}.dark-mode .info-item{border-bottom-color:rgba(255,255,255,.1)}.panel{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:1rem;margin-bottom:1.5rem}.panel:first-child{margin-top:20px}.dark-mode .panel{background-color:#1e1e1e;color:#e0e0e0;box-shadow:0 2px 4px rgba(0,0,0,.3)}.ip-section-title{color:#6f42c1;font-weight:600;font-size:1.1rem;margin-bottom:15px}.ipv6-section-title{color:#28a745;font-weight:600;font-size:1.1rem;margin-bottom:15px}.check-btn{background:linear-gradient(45deg,#6f42c1,#007bff);color:#fff;border:none;padding:12px 30px;border-radius:25px;cursor:pointer;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(111,66,193,.3)}.check-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(111,66,193,.4)}.check-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.dark-mode-toggle{position:fixed;top:20px;right:20px;background:rgba(255,255,255,.9);border:1px solid #dee2e6;border-radius:50%;width:50px;height:50px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1000}.dark-mode-toggle:hover{background:#fff;transform:scale(1.1)}.dark-mode .dark-mode-toggle{background:rgba(30,30,30,.9);border-color:#495057;color:#e0e0e0}.dark-mode .dark-mode-toggle:hover{background:#1e1e1e}.ip-row h3{display:flex;align-items:center}.status-indicator{font-size:.75rem;font-weight:500;padding:2px 8px;border-radius:12px;margin-left:8px;background-color:#28a745;color:#fff;display:none}.ip-row.current-network .status-indicator{display:inline}.navbar{background:#fff;border-bottom:1px solid #dee2e6;box-shadow:0 1px 3px rgba(0,0,0,.05);padding:.5rem 0}.navbar .navbar-brand{font-weight:600;color:#495057!important;font-size:1rem}.navbar .nav-link{color:#6c757d!important;font-weight:500;padding:.5rem 1rem!important;border-radius:4px;transition:all .2s}.navbar .nav-link:hover{background-color:#f8f9fa;color:#495057!important}.dark-mode .navbar{background-color:#1e1e1e;border-bottom-color:#333}.dark-mode .navbar .navbar-brand{color:#e0e0e0!important}.dark-mode .navbar .nav-link{color:#adb5bd!important}.dark-mode .navbar .nav-link:hover{background-color:#2d2d2d;color:#e0e0e0!important}.navbar-collapse.float-list{position:absolute;top:100%;right:1rem;min-width:100px;width:auto;background:#fff;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:1000}.rtl .navbar-collapse.float-list{left:1rem;right:inherit}.navbar .nav-link{float:right}.rtl .navbar .nav-link{float:left}.dark-mode .navbar-collapse{background:#1e1e1e;border-color:#333}.dark-mode .navbar-toggler-icon{filter:invert(1)}.dark-mode .navbar-toggler{border-color:gray}.base-footer{margin:.5rem 0 1rem}.ngha .info-item[data-field=country]{display:none}