*{margin:0;padding:0;box-sizing:border-box}button,input,select,textarea{color-scheme:light!important}div,em,h1,h2,h3,h4,h5,h6,p,span,strong{color:inherit!important}.text-primary{color:#667eea!important}.text-secondary{color:#4a5568!important}.text-white{color:#fff!important}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-attachment:fixed;min-height:100vh;padding:20px;position:relative;overflow-x:hidden;color-scheme:light}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(120,219,255,.3) 0,transparent 50%);z-index:-1;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.container{max-width:900px;margin:0 auto;background:hsla(0,0%,100%,.98)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 32px 64px rgba(0,0,0,.1),0 0 0 1px hsla(0,0%,100%,.2);overflow:hidden;border:1px solid hsla(0,0%,100%,.2);animation:containerFloat 6s ease-in-out infinite;color:#2d3748!important}@keyframes containerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.header{background:linear-gradient(135deg,rgba(102,126,234,.9),rgba(118,75,162,.9) 50%,rgba(240,147,251,.9));color:#fff;padding:40px;text-align:center;position:relative;overflow:hidden}.header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);animation:headerShine 8s linear infinite}@keyframes headerShine{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header h1{font-size:3rem;margin-bottom:15px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1);background:linear-gradient(45deg,#fff,#f0f3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header h1,.header p{position:relative;z-index:2}.header p{opacity:.95;font-size:1.2rem;font-weight:300}.content{padding:50px;background:hsla(0,0%,100%,.1)}.input-group{margin-bottom:35px;position:relative}.input-group label{display:block;margin-bottom:12px;font-weight:600;color:#4a5568;font-size:1.1rem;position:relative}.input-group label:before{content:"🔍";margin-right:8px;font-size:1.2rem}.input-group input{width:100%;padding:18px 24px;border:2px solid rgba(102,126,234,.2);border-radius:16px;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1);background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px rgba(0,0,0,.05)}.input-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1),0 8px 24px rgba(0,0,0,.1);transform:translateY(-2px)}.input-group input::placeholder{color:#a0aec0;font-weight:400}.controls{padding:40px;background:hsla(0,0%,100%,.6)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#2d3748!important}.input-section{display:flex;gap:15px;margin-bottom:30px;align-items:center;flex-wrap:wrap}.ip-input{flex:1 1;min-width:300px;padding:18px 24px;border:2px solid rgba(102,126,234,.2);border-radius:16px;font-size:16px;transition:all .3s cubic-bezier(.4,0,.2,1);background:hsla(0,0%,100%,.95)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px rgba(0,0,0,.05);color:#2d3748!important}.ip-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1),0 8px 24px rgba(0,0,0,.1);transform:translateY(-2px);background:#fff!important}.ip-input::placeholder{color:#a0aec0!important;font-weight:400}.ip-input:disabled{opacity:.6;cursor:not-allowed}.action-button{padding:18px 32px;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb)!important;color:#fff!important;box-shadow:0 8px 32px rgba(102,126,234,.3);transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap;border:2px solid transparent!important}.action-button:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 48px rgba(102,126,234,.4);background:linear-gradient(135deg,#5a6fd8,#6b4190 50%,#e185e9)!important}.action-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-group{gap:15px}.button-group,.buttons{display:flex;flex-wrap:wrap;justify-content:center}.buttons{gap:20px;margin-bottom:40px}.btn{padding:16px 32px;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden;min-width:160px;justify-content:center}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb)!important;color:#fff!important;box-shadow:0 8px 32px rgba(102,126,234,.3);border:2px solid transparent!important}.btn-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 48px rgba(102,126,234,.4);background:linear-gradient(135deg,#5a6fd8,#6b4190 50%,#e185e9)!important}.btn-primary:active{transform:translateY(-2px) scale(1.01)}.btn-secondary{background:hsla(0,0%,100%,.95)!important;color:#4a5568!important;border:2px solid rgba(102,126,234,.3)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px rgba(0,0,0,.1)}.btn-secondary:hover{background:#fff!important;border-color:#667eea!important;color:#2d3748!important;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.result{background:hsla(0,0%,100%,.95)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px;margin-top:30px;border:1px solid rgba(102,126,234,.2);box-shadow:0 12px 40px rgba(0,0,0,.1);position:relative;overflow:hidden;color:#2d3748!important}.result:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.result h3{margin-bottom:20px;color:#2d3748!important;font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:10px}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px;margin-bottom:20px}.result-item{background:hsla(0,0%,100%,.9)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:16px;border:1px solid rgba(102,126,234,.1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;color:#2d3748!important}.result-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#667eea,#f093fb);transform:scaleX(0);transition:transform .3s}.result-item:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.15)}.result-item:hover:before{transform:scaleX(1)}.result-item strong{display:block;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.result-item:first-child strong{color:#667eea}.result-item:nth-child(2) strong{color:#764ba2}.result-item:nth-child(3) strong{color:#f093fb}.result-item:nth-child(4) strong{color:#48bb78}.result-item:nth-child(5) strong{color:#ed8936}.result-item:nth-child(6) strong{color:#9f7aea}.result-item:nth-child(7) strong{color:#ed8936}.result-item:nth-child(8) strong{color:#38b2ac}.result-item:nth-child(9) strong{color:#e53e3e}.error{background:linear-gradient(135deg,rgba(248,215,218,.95),hsla(0,100%,88%,.95))!important;color:#721c24!important;border-color:#dc3545;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error:before{background:linear-gradient(90deg,#dc3545,#e74c3c)}.loading{text-align:center;padding:40px;background:hsla(0,0%,100%,.9)!important;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading,.loading p{color:#667eea!important}.loading p{margin-top:15px;font-size:1.1rem;font-weight:500}.spinner{border:4px solid rgba(102,126,234,.1);border-top-color:currentcolor;border-image:linear-gradient(45deg,#667eea,#764ba2,#f093fb) 1;border-radius:50%;width:40px;height:40px;animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;margin:0 auto 15px;position:relative}.spinner:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;border:4px solid transparent;border-top-color:#f093fb;animation:spin 1.5s linear infinite reverse}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.footer{text-align:center;padding:40px 30px;color:#718096!important;font-size:14px;background:hsla(0,0%,100%,.1)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(102,126,234,.1);margin-top:30px}.footer-content{max-width:800px;margin:0 auto}.developer-info{margin-bottom:20px;padding:15px;background:rgba(102,126,234,.1)!important;border-radius:12px;border:1px solid rgba(102,126,234,.2)}.developer-info p{margin:5px 0;color:#4a5568!important;font-weight:500}.developer-info strong{color:#667eea!important;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.privacy-info{margin-bottom:20px}.privacy-info p{margin:8px 0;color:#718096!important;line-height:1.6}.version-info{padding-top:15px;border-top:1px solid rgba(102,126,234,.1);font-style:italic;opacity:.8}.version-info p{color:#a0aec0!important;font-size:12px}.author-info{margin-top:15px;padding:12px 20px;background:hsla(0,0%,100%,.2)!important;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3)}.author-info p{margin:0;font-size:.95rem;font-weight:500;color:hsla(0,0%,100%,.9)!important;text-shadow:0 1px 2px rgba(0,0,0,.1)}.navigation-links{display:flex;gap:15px;justify-content:center;margin-top:20px;flex-wrap:wrap}.nav-link{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:hsla(0,0%,100%,.15)!important;color:hsla(0,0%,100%,.95)!important;text-decoration:none;border-radius:12px;font-size:.9rem;font-weight:500;border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.nav-link:hover:before{left:100%}.nav-link:hover{background:hsla(0,0%,100%,.25)!important;border-color:hsla(0,0%,100%,.4);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.docs-link{background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(16,185,129,.2))!important;border-color:rgba(34,197,94,.3)}.docs-link:hover{background:linear-gradient(135deg,rgba(34,197,94,.3),rgba(16,185,129,.3))!important;border-color:rgba(34,197,94,.5)}.github-link{background:linear-gradient(135deg,rgba(31,41,55,.2),rgba(75,85,99,.2))!important;border-color:rgba(156,163,175,.3)}.github-link:hover{background:linear-gradient(135deg,rgba(31,41,55,.3),rgba(75,85,99,.3))!important;border-color:rgba(156,163,175,.5)}.github-link svg{width:18px;height:18px}@media (max-width:768px){.navigation-links{flex-direction:column;align-items:center}.nav-link{min-width:200px;justify-content:center}body{padding:10px}.container{margin:10px auto;border-radius:20px}.header{padding:30px 20px}.header h1{font-size:2.2rem}.content{padding:30px 20px}.buttons{flex-direction:column;gap:15px}.btn{min-width:100%}.result-grid{grid-template-columns:1fr}}@media (max-width:480px){.header h1{font-size:1.8rem}.header p{font-size:1rem}.content{padding:20px 15px}.result-item{padding:15px}}@media (prefers-color-scheme:dark){.container{background:rgba(26,32,44,.95);color:#e2e8f0}.content{background:rgba(45,55,72,.1)}.input-group label{color:#e2e8f0}.input-group input{background:rgba(45,55,72,.9);color:#e2e8f0;border-color:rgba(102,126,234,.3)}.input-group input::placeholder{color:#a0aec0}.result{background:rgba(45,55,72,.9);color:#e2e8f0}.result h3{color:#f7fafc}.result-item{background:rgba(26,32,44,.8)}}.detail-info{background:rgba(102,126,234,.1)!important;border:1px solid rgba(102,126,234,.2);border-radius:12px;padding:16px;margin-top:20px;animation:fadeInUp .5s ease-out;color:#2d3748!important}.detail-info h4{color:#667eea!important;font-size:1rem;margin:0 0 12px;display:flex;align-items:center;gap:8px;font-weight:600}.detail-info p{margin:8px 0;font-size:.9rem;line-height:1.6;color:#4a5568!important}.error-detail{background:rgba(220,53,69,.1);border-color:rgba(220,53,69,.2)}.warning-note{background:rgba(255,193,7,.1);border-radius:8px;padding:12px;margin-top:15px;font-size:.9rem;font-style:italic;color:#856404}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.map-link{display:inline-block!important;margin-left:10px!important;padding:6px 12px!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:8px!important;font-size:.85rem!important;font-weight:500!important;transition:all .3s ease!important;border:none!important;box-shadow:0 2px 4px rgba(102,126,234,.3)!important}.map-link,.map-link:hover{color:#fff!important;text-decoration:none!important}.map-link:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(102,126,234,.4)!important;background:linear-gradient(135deg,#5a67d8,#6b46c1)!important}.map-link:active{transform:translateY(0)!important;box-shadow:0 2px 4px rgba(102,126,234,.3)!important}