:root{--background-color: #121212;--card-bg: #1e1e1e;--text-color: #e0e0e0;--secondary-text-color: #a0a0a0;--accent-color: #00ddb5;--accent-color-rgb: 0, 221, 181;--border-color: #333333;--error-color: #ff5252;--status-good: #4caf50;--status-moderate: #ffc107;--status-high: #f44336;--placeholder-bg: #1e1e1e;--placeholder-element-bg: #333}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);line-height:1.6}a{text-decoration:none;color:var(--accent-color);transition:color .2s ease}a:hover{text-decoration:underline}.material-symbols-outlined{vertical-align:bottom}.main-container{max-width:1200px;margin:0 auto;padding:0 2rem;padding-top:100px}.top-nav{position:fixed;top:0;left:0;right:0;background-color:#1e1e1ebf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:1000;transition:box-shadow .2s ease-in-out}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;height:64px}.nav-logo{font-size:1.25rem;font-weight:700;color:var(--text-color)}.nav-links{display:flex;gap:.5rem}.nav-links button{background:none;border:none;font-size:.95rem;font-weight:500;color:var(--secondary-text-color);padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;gap:.5rem}.nav-links button .material-symbols-outlined{font-size:20px;flex-shrink:0;color:var(--secondary-text-color);transition:color .2s ease}.nav-links button:hover{color:var(--text-color);background-color:#ffffff1a}.nav-links button:hover .material-symbols-outlined{color:var(--text-color)}.nav-links button.active{color:var(--accent-color);font-weight:600}.nav-links button.active .material-symbols-outlined{color:var(--accent-color)}.hero-header{text-align:center;padding:4rem 0 3rem;border-bottom:1px solid var(--border-color);margin-bottom:3rem}.hero-header h1{font-size:1.25rem;font-weight:500;color:var(--secondary-text-color);margin-bottom:.5rem}.hero-ip{font-size:clamp(2rem,8vw,3.5rem);font-weight:700;font-family:Fira Code,Courier New,monospace;color:var(--text-color);margin-bottom:1.5rem;word-break:break-all;text-shadow:0 0 15px rgba(var(--accent-color-rgb),.2)}.hero-ip.hero-ip-clickable{cursor:pointer;transition:color .2s ease-in-out}.hero-ip.hero-ip-clickable:hover{color:var(--accent-color)}.refresh-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent-color);color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out}.refresh-btn .material-symbols-outlined{font-size:20px}.refresh-btn:hover:not(:disabled){background:#00bc9a;transform:translateY(-2px);box-shadow:0 4px 20px rgba(var(--accent-color-rgb),.3)}.refresh-btn.loading{cursor:not-allowed;opacity:.7}.refresh-btn.loading .material-symbols-outlined{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.content-section{padding:3rem 0;border-bottom:1px solid var(--border-color)}.content-section:last-of-type{border-bottom:none}.section-title{font-size:2rem;font-weight:700;margin-bottom:2rem;color:var(--text-color);position:relative;padding-bottom:.5rem}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background-color:var(--accent-color);border-radius:2px}.overview-grid{display:grid;grid-template-columns:1fr;gap:2rem}.ip-layout{display:flex;flex-direction:column;gap:1rem}.ip-display-box{padding:1.25rem 1.5rem;border:1px solid var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;background-color:var(--card-bg)}.ip-display-box:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0003,0 0 15px rgba(var(--accent-color-rgb),.2);border-color:rgba(var(--accent-color-rgb),.5)}.ip-display-box.not-detected{opacity:.7;border-style:dashed}.ip-display-box.not-detected .ip-address{font-size:1.1rem;font-weight:500;color:var(--secondary-text-color)}.ip-details{display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.ip-version{font-size:.8rem;color:var(--secondary-text-color);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.ip-address{font-size:1.5rem;font-weight:600;color:var(--text-color);font-family:Fira Code,Courier New,monospace;word-break:break-all}.copy-btn{background:transparent;border:none;color:var(--secondary-text-color);cursor:pointer;padding:.5rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.copy-btn:hover{background-color:#ffffff1a;color:var(--text-color)}.copy-btn .material-symbols-outlined{color:var(--accent-color);font-size:20px}#map{height:400px;border-radius:12px;border:1px solid var(--border-color);background-color:#1a1a1a;filter:grayscale(80%) brightness(80%)}.leaflet-control-attribution,.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#1e1e1ecc!important;color:var(--text-color)!important;box-shadow:0 1px 5px #00000080!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--border-color);border-radius:8px!important}.leaflet-control-attribution a{color:var(--accent-color)!important}.leaflet-popup-content b{color:var(--accent-color)}.leaflet-control-zoom-in,.leaflet-control-zoom-out{background-color:var(--card-bg)!important;color:var(--text-color)!important;border-color:var(--border-color)!important}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.info-row-link{color:inherit;text-decoration:none}.info-row{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--border-color);background-color:var(--card-bg);border-radius:12px;transition:all .3s ease}.info-row-clickable:hover{transform:translateY(-2px);border-color:rgba(var(--accent-color-rgb),.5);box-shadow:0 0 15px rgba(var(--accent-color-rgb),.2);cursor:pointer}.info-icon{color:var(--accent-color);flex-shrink:0;background:rgba(var(--accent-color-rgb),.1);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.info-icon .material-symbols-outlined{font-size:24px}.info-text{display:flex;flex-direction:column;gap:.2rem;overflow:hidden}.info-label{font-size:.85rem;font-weight:500;color:var(--secondary-text-color)}.info-value{font-size:1rem;font-weight:500;color:var(--text-color);word-break:break-word}.tool-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.tool-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:2rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease}.tool-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0003,0 0 20px rgba(var(--accent-color-rgb),.25);border-color:rgba(var(--accent-color-rgb),.5)}.tool-card-icon{color:var(--accent-color);background-color:rgba(var(--accent-color-rgb),.1);width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center}.tool-card-icon .material-symbols-outlined{font-size:28px}.tool-card-content{flex-grow:1}.tool-card-content h3{font-size:1.3rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.tool-card-content p{font-size:.95rem;color:var(--secondary-text-color);line-height:1.5}.tool-card-btn{margin-top:auto;background:var(--accent-color);color:#fff;border:none;padding:.7rem 1.25rem;font-size:.95rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;text-align:center;align-self:flex-start}.tool-card-btn:hover{background:#00bc9a;transform:scale(1.05);box-shadow:0 4px 15px rgba(var(--accent-color-rgb),.3)}.tool-page-container{padding-top:100px;max-width:1000px;margin:0 auto;padding-left:1rem;padding-right:1rem;animation:fadeIn .5s ease}.tool-page-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:3rem;border-bottom:1px solid var(--border-color);padding-bottom:2rem}.back-btn{background:transparent;border:1px solid var(--border-color);color:var(--secondary-text-color);padding:.6rem 1rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.back-btn:hover{background-color:#ffffff0d;border-color:var(--secondary-text-color);color:var(--text-color)}.back-btn .material-symbols-outlined{font-size:20px}.tool-page-title-group h1{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:.25rem}.tool-page-title-group p{font-size:1.1rem;color:var(--secondary-text-color)}.tool-page-content{background-color:var(--card-bg);border-radius:16px;padding:2.5rem;border:1px solid var(--border-color)}.tool-panel{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;width:100%;max-width:600px;margin:0 auto}.tool-header{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--text-color)}.tool-header h3{font-size:1.5rem;margin:0}.tool-subtitle{font-size:.95rem;color:var(--secondary-text-color);font-weight:400;margin-top:-1rem;max-width:400px}.tool-btn{background-color:var(--accent-color);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;width:auto;min-width:120px}.tool-btn:hover:not(:disabled){background-color:#00bc9a;transform:translateY(-2px);box-shadow:0 4px 15px rgba(var(--accent-color-rgb),.3)}.tool-btn:disabled{background-color:var(--secondary-text-color);cursor:not-allowed;opacity:.7}.tool-error{color:var(--error-color);font-size:.9rem;width:100%;text-align:center;margin-top:-.5rem}.tool-input-group{display:flex;gap:.5rem;width:100%}.tool-input-group input{flex-grow:1;background-color:var(--background-color);border:1px solid var(--border-color);color:var(--text-color);padding:.75rem 1rem;border-radius:8px;font-size:1rem;font-family:Fira Code,Courier New,monospace;transition:all .3s ease;min-width:0}.tool-input-group input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.3)}.tool-input-group .tool-btn{flex-shrink:0}.tool-results{margin-top:.5rem;width:100%;background-color:var(--background-color);border-radius:8px;padding:.5rem 1rem;border:1px solid var(--border-color);max-height:250px;overflow-y:auto;text-align:left}.tool-results pre{white-space:pre-wrap;word-break:break-all;font-size:.8rem;color:var(--secondary-text-color);font-family:Fira Code,Courier New,monospace}.dns-results-container{padding:.5rem}.dns-record{display:grid;grid-template-columns:60px 1fr 80px;gap:1rem;padding:.75rem .5rem;border-bottom:1px solid var(--border-color);align-items:center;font-family:Fira Code,Courier New,monospace;font-size:.85rem}.dns-record:last-child{border-bottom:none}.dns-record-type{font-weight:700;color:var(--accent-color);text-align:center;background:rgba(var(--accent-color-rgb),.1);padding:.25rem 0;border-radius:4px;font-size:.8rem}.dns-record-data{color:var(--text-color);word-break:break-all}.dns-record-ttl{color:var(--secondary-text-color);font-size:.75rem;text-align:right}.whois-results-container{padding:.5rem;text-align:left;width:100%;font-size:.9rem}.whois-section{margin-top:1.5rem;border-top:1px solid var(--border-color);padding-top:1.5rem}.whois-section:first-child{margin-top:0;border-top:none;padding-top:0}.whois-section-title{font-size:1.1rem;font-weight:600;color:var(--accent-color);margin-bottom:1rem}.whois-kv-pair{display:grid;grid-template-columns:140px 1fr;gap:1rem;padding:.6rem 0;align-items:start;border-bottom:1px solid rgba(255,255,255,.05)}.whois-kv-pair:last-child{border-bottom:none}.whois-key{font-weight:500;color:var(--secondary-text-color);text-transform:capitalize;word-break:break-word}.whois-value{color:var(--text-color);word-break:break-all}.whois-list-item{padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-color)}.whois-list-item:last-child{border-bottom:none}.whois-contact{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.whois-contact:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.whois-contact-role{font-size:1rem;font-weight:600;color:var(--text-color);margin-bottom:1rem;text-transform:capitalize}.cidr-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;width:100%;margin-top:1rem;text-align:left}.cidr-result-item{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.cidr-result-label{font-size:.85rem;color:var(--secondary-text-color);margin-bottom:.3rem;display:block}.cidr-result-value{font-size:1.1rem;font-weight:500;color:var(--text-color);font-family:Fira Code,Courier New,monospace;word-break:break-all;-webkit-user-select:all;user-select:all}.cidr-result-value-sm{font-size:1rem}.gauge-display{display:flex;justify-content:center;align-items:center}.gauge-container{position:relative;width:180px;height:180px}.gauge{width:100%;height:100%;transform:rotate(-90deg)}.gauge-bg,.gauge-fg{fill:none;stroke-width:12}.gauge-bg{stroke:#333;transition:stroke-opacity .3s ease}.gauge-fg{stroke:var(--accent-color);stroke-linecap:round;transition:stroke .5s ease;filter:drop-shadow(0 0 5px rgba(var(--accent-color-rgb),.5))}.gauge-container.testing .gauge-bg{animation:pulse-gauge 2s infinite ease-in-out}.gauge-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.25rem}.speed-value{font-size:2.5rem;font-weight:700;color:var(--text-color);font-family:Fira Code,Courier New,monospace}.speed-unit{font-size:1rem;color:var(--secondary-text-color);font-weight:500}.speed-value.testing-text{font-size:1.5rem;font-weight:500;color:var(--secondary-text-color);animation:pulse-text 2s infinite ease-in-out}.gauge-tooltip{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background-color:var(--background-color);color:var(--text-color);padding:.4rem .8rem;border-radius:6px;font-size:.8rem;font-family:Fira Code,Courier New,monospace;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;border:1px solid var(--border-color);box-shadow:0 4px 10px #0000004d;z-index:10}.gauge-container:hover .gauge-tooltip{opacity:1;visibility:visible}@keyframes pulse-gauge{0%{stroke-opacity:1}50%{stroke-opacity:.6}to{stroke-opacity:1}}@keyframes pulse-text{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.ping-results{list-style:none;width:100%;display:flex;flex-direction:column;gap:.75rem}.ping-row{display:flex;justify-content:space-between;align-items:center;font-size:1rem;padding:.75rem .5rem;border-bottom:1px solid #333}.ping-results .ping-row:last-child{border-bottom:none}.ping-target{display:flex;align-items:center;gap:.75rem;color:var(--text-color)}.ping-status-dot{width:10px;height:10px;border-radius:50%;transition:background-color .3s ease}.ping-status-dot.pending{background-color:#666}.ping-status-dot.good{background-color:var(--status-good);box-shadow:0 0 5px var(--status-good)}.ping-status-dot.moderate{background-color:var(--status-moderate);box-shadow:0 0 5px var(--status-moderate)}.ping-status-dot.high{background-color:var(--status-high);box-shadow:0 0 5px var(--status-high)}.ping-status-dot.failed{background-color:var(--error-color);box-shadow:0 0 5px var(--error-color)}.ping-value{font-weight:600;font-family:Fira Code,Courier New,monospace;color:var(--text-color)}.ping-value.error{color:var(--error-color)}.ping-history-section{width:100%;margin-top:2rem;border-top:1px solid var(--border-color);padding-top:1.5rem}.ping-history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ping-history-header h4{font-size:1.2rem;font-weight:600;color:var(--text-color)}.clear-history-btn{background:transparent;border:1px solid var(--border-color);color:var(--secondary-text-color);padding:.3rem .8rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.clear-history-btn:hover{background-color:#ffffff0d;border-color:var(--secondary-text-color);color:var(--text-color)}.ping-history-list{display:flex;flex-direction:column;gap:1rem;max-height:300px;overflow-y:auto;padding-right:.5rem}.ping-history-item{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.history-item-header{font-size:.85rem;color:var(--secondary-text-color);margin-bottom:.75rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.history-item-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;font-size:.9rem}.history-result{display:flex;justify-content:space-between}.history-result .target{color:var(--secondary-text-color)}.history-result .value{font-weight:600;font-family:Fira Code,Courier New,monospace}.history-result .value.good{color:var(--status-good)}.history-result .value.moderate{color:var(--status-moderate)}.history-result .value.high{color:var(--status-high)}.history-result .value.failed{color:var(--error-color)}.site-footer{margin-top:3rem;padding:2rem 0;border-top:1px solid var(--border-color);background-color:#1a1a1a}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.site-footer p{font-size:.9rem;color:var(--secondary-text-color)}.footer-nav{display:flex;gap:1.5rem}.footer-nav button{background:none;border:none;color:var(--secondary-text-color);font-size:.9rem;font-weight:500;cursor:pointer;transition:color .2s ease;padding:0}.footer-nav button:hover{color:var(--accent-color);text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.modal-content{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0006;animation:slideIn .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-title{font-size:1.5rem;font-weight:600;color:var(--text-color)}.modal-close-btn{background:transparent;border:none;color:var(--secondary-text-color);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease}.modal-close-btn .material-symbols-outlined{font-size:24px}.modal-close-btn:hover{background-color:#ffffff1a;color:var(--text-color)}.modal-body{padding:1.5rem;overflow-y:auto;flex-grow:1}.modal-body h3{color:var(--accent-color);margin-top:1.5rem;margin-bottom:.75rem;font-size:1.2rem}.modal-body p{margin-bottom:1rem;color:var(--secondary-text-color)}.modal-body ul{list-style-position:inside;padding-left:.5rem;margin-bottom:1rem}.modal-body li{margin-bottom:.5rem;color:var(--secondary-text-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.error-fullpage{color:#f8d7da;background-color:#3e1a1f;border:1px solid #dc3545;padding:2rem;margin:2rem;border-radius:12px;text-align:center}.placeholder-shimmer{position:relative;overflow:hidden;background-color:var(--placeholder-bg)}.placeholder-shimmer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(51,51,51,.4),transparent);animation:placeholder-shimmer 1.5s infinite}@keyframes placeholder-shimmer{to{transform:translate(100%)}}.placeholder-line{background-color:var(--placeholder-element-bg);border-radius:4px}.placeholder-circle{border-radius:50%;width:48px;height:48px;background-color:var(--placeholder-element-bg)}.map-placeholder{height:400px;border-radius:12px;border:1px solid var(--border-color);background-color:#1a1a1a;display:flex;align-items:center;justify-content:center}.map-placeholder-message{color:var(--secondary-text-color)}.loading-dots span{animation:blink 1.4s infinite both}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}@media(min-width:1024px){.overview-grid{grid-template-columns:420px 1fr}}@media(max-width:768px){.main-container{padding:0 1rem;padding-top:80px}.nav-container{padding:0 1rem}.nav-logo{display:none}.nav-links{flex-grow:1;justify-content:space-around}.nav-links button{padding:.75rem}.nav-links button .nav-label{display:none}.nav-links button .material-symbols-outlined{font-size:24px}.hero-header{padding:2rem 0}.section-title{font-size:1.75rem}.info-grid{grid-template-columns:1fr}.footer-container{flex-direction:column;text-align:center}.tool-page-content{padding:1.5rem}.tool-page-header{flex-direction:column;align-items:flex-start;gap:1rem}.tool-page-title-group h1{font-size:2rem}.dns-record{grid-template-columns:50px 1fr 70px;gap:.5rem;font-size:.8rem}}