:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;color:inherit;background-color:inherit}h1{font-size:3.2em;line-height:1.1;color:#333}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s;color:#333}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: dark){:root{color:#fffffff2;background-color:#121212}a:hover{color:#747bff}button{background-color:#1a1a1a;color:#fffffff2}h1{color:#fffffff2}}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;padding:20px;box-sizing:border-box}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.main-container{font-family:Roboto,sans-serif;width:100%;max-width:900px;padding:30px;border:none;border-radius:12px;box-shadow:0 10px 30px #00000014;background-color:#fff;color:#333;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:70vh;animation:fadeIn .8s ease-out;flex-grow:1;justify-content:space-between}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme: dark){.main-container{background-color:#383c4a;color:#ffffffe6;box-shadow:0 10px 30px #0000004d}.main-container input{background-color:#4a4e5c;color:#ffffffe6;border-color:#666}}.main-container h1{text-align:center;color:inherit;margin-bottom:30px;width:100%;font-size:2.5em}.main-container form{display:flex;flex-direction:column;gap:15px;margin-bottom:30px;align-items:center;width:100%;max-width:450px}.main-container label{font-size:1.05em;color:inherit;text-align:center;width:100%;font-weight:500}.main-container input[type=text]{padding:15px 20px;font-size:1em;border-radius:8px;border:1px solid #d0d0d0;color:#333;background-color:#fcfcfc;width:100%;max-width:400px;text-align:center;box-sizing:border-box;box-shadow:0 3px 8px #0000000d;transition:all .3s cubic-bezier(.25,.8,.25,1);-webkit-appearance:none;-moz-appearance:none;appearance:none}.main-container input[type=text]::placeholder{color:#a0a0a0;opacity:1}.main-container input[type=text]:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e233,0 6px 15px #0000001a;background-color:#fff}@media (prefers-color-scheme: dark){.main-container input[type=text]{background-color:#3c404f;border-color:#5a5e6b;color:#ffffffe6;box-shadow:0 3px 8px #0006}.main-container input[type=text]::placeholder{color:#888}.main-container input[type=text]:focus{border-color:#79abed;box-shadow:0 0 0 3px #79abed4d,0 6px 15px #0009;background-color:#323541}}.main-container button{padding:12px 25px;font-size:1.05em;background-color:#4a90e2;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,opacity .3s ease,box-shadow .2s ease;width:100%;max-width:300px;box-sizing:border-box;box-shadow:0 2px 8px #0000001a}.main-container button:hover{background-color:#3a7dc9;box-shadow:0 4px 10px #00000026}.main-container button:active{background-color:#2b548b;box-shadow:0 1px 4px #00000014}.main-container button:disabled{background-color:#9da3af;cursor:not-allowed;opacity:.7;box-shadow:none}.error-message{color:#d9534f;font-weight:600;text-align:center;background-color:#fce8e8;padding:12px;border-radius:6px;border:1px solid #f5c6cb;margin-top:20px;width:100%;max-width:600px;animation:slideInFromTop .5s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme: dark){.error-message{background-color:#5c3b3b;color:#f99;border-color:#8a4e4e}}.results-section{border-top:1px solid #e0e0e0;margin-top:25px;text-align:center;width:100%;display:flex;flex-direction:column;box-sizing:border-box;animation:fadeIn 1s ease-out}@media (prefers-color-scheme: dark){.results-section{border-color:#444}}.results-section h2,.results-section h3{color:inherit;margin-bottom:15px;font-weight:700}.results-overview-card{background-color:#f8f9fa;border-radius:10px;margin-bottom:25px;box-shadow:0 3px 10px #0000000d;display:flex;justify-content:space-around;flex-wrap:wrap;gap:15px;width:100%;max-width:700px;margin-left:auto;margin-right:auto;animation:scaleIn .6s ease-out;border:none;background-color:transparent;box-shadow:none;padding:0}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (prefers-color-scheme: dark){.results-overview-card{background-color:transparent;box-shadow:none}}.overview-item{display:flex;flex-direction:column;align-items:center;font-size:1em;font-weight:500;color:#fff;text-align:center;background-color:transparent;border-radius:0;padding:0;box-shadow:none;flex:1 1 calc(33% - 15px);min-width:150px}.overview-item strong{font-size:1.5em;font-weight:700;margin-top:5px;color:#2c3e50}.overview-item.total strong{color:#4a90e2}.overview-item.blocked strong{color:#5cb85c}.overview-item.not-blocked-overview strong{color:#d9534f}.overview-item.unresolved strong{color:#f0ad4e}@media (prefers-color-scheme: dark){.overview-item.total strong{color:#79abed}.overview-item.blocked strong{color:#8bc34a}.overview-item.not-blocked-overview strong{color:#f28b82}.overview-item.unresolved strong{color:#fce87b}}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;justify-items:center;align-items:start;grid-auto-flow:row dense;margin-top:25px;width:100%}.category-card{border:1px solid #d0d0d0;border-radius:10px;overflow:hidden;box-shadow:0 3px 10px #0000000d;display:flex;flex-direction:column;width:100%;box-sizing:border-box;transition:transform .2s ease,box-shadow .2s ease}.category-card:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0000001a}@media (max-width: 768px){.details-grid{grid-template-columns:1fr}.category-card{max-width:100%}}@media (prefers-color-scheme: dark){.category-card{border-color:#555;background-color:#3f4453;box-shadow:0 3px 10px #0003}.category-card:hover{box-shadow:0 6px 15px #0000004d}}.category-header{margin:0;padding:12px 18px;background-color:#4a90e2;color:#fff;text-align:left;font-size:1.15em;font-weight:600;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.1);width:100%;box-sizing:border-box}@media (prefers-color-scheme: dark){.category-header{background-color:#5c8edb;border-color:#fff3}}.malware-warning{background-color:#ffe0b2;color:#e65100;padding:10px;margin:10px 18px;border-radius:5px;font-weight:700;font-size:.9em;text-align:center;border:1px solid #ffcc80}@media (prefers-color-scheme: dark){.malware-warning{background-color:#7f3d00;color:#ffb74d;border-color:#c77b00}}.domain-list{list-style-type:none;padding:0;margin:0;flex-grow:1;max-height:none;overflow-y:visible;position:relative;scrollbar-width:none}.domain-list::-webkit-scrollbar{width:0px;background:transparent}.domain-list::-webkit-scrollbar-thumb{background:transparent}.domain-item{padding:10px 18px;border-bottom:1px solid #f0f0f0;text-align:left;line-height:1.4;word-break:break-all;display:flex;align-items:center;gap:8px;transition:background-color .2s ease}.domain-item:last-child{border-bottom:none}.domain-item:hover{background-color:#f7f7f7}@media (prefers-color-scheme: dark){.domain-item{border-color:#4a4a4a}.domain-item:hover{background-color:#4b5063}}.domain-item strong{color:inherit;font-weight:500}.domain-icon{font-size:1.1em;line-height:1}.domain-icon.blocked-icon{color:#5cb85c}.domain-icon.unresolved-icon{color:#f0ad4e}.domain-icon.not-blocked-icon{color:#d9534f}.domain-item.blocked{background-color:transparent;color:inherit}@media (prefers-color-scheme: dark){.domain-item.blocked{background-color:transparent;color:inherit}}.domain-item.unresolved{background-color:#fff9e6;color:#856404}@media (prefers-color-scheme: dark){.domain-item.unresolved{background-color:#5c522c;color:#ffe08a}}.domain-item.not-blocked{background-color:transparent;color:inherit}@media (prefers-color-scheme: dark){.domain-item.not-blocked{background-color:transparent;color:inherit}}.domain-item .status-text{font-weight:600;text-transform:uppercase;font-size:.9em}.domain-item.blocked .status-text{color:#28a745}.domain-item.unresolved .status-text{color:#f0ad4e}.domain-item.not-blocked .status-text{color:#d9534f}.main-container::-webkit-scrollbar{width:8px;background-color:#f0f0f0;border-radius:4px}.main-container::-webkit-scrollbar-thumb{background-color:#a0a0a0;border-radius:4px;transition:background-color .2s ease}.main-container::-webkit-scrollbar-thumb:hover{background-color:#777}@media (prefers-color-scheme: dark){.main-container::-webkit-scrollbar{background-color:#2a2a2a}.main-container::-webkit-scrollbar-thumb{background-color:#555}.main-container::-webkit-scrollbar-thumb:hover{background-color:#777}.domain-list::-webkit-scrollbar{background-color:#2a2a2a}.domain-list::-webkit-scrollbar-thumb{background-color:#6a9add;border-color:#5280c7}.domain-list::-webkit-scrollbar-thumb:hover{background-color:#5280c7}.domain-list{scrollbar-color:#6a9add #2a2a2a}}.blocked-domains-card{background-color:#e6f7ea;border:1px solid #a8e6b9;padding:20px;margin-bottom:20px;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:300px;margin-left:auto;margin-right:auto;text-align:center;animation:scaleIn .6s ease-out}@media (max-width: 500px){.blocked-domains-card{max-width:90%;padding:15px}}@media (prefers-color-scheme: dark){.blocked-domains-card{background-color:#28543f;border-color:#4caf50;box-shadow:0 4px 12px #0006}}.blocked-domains-card .blocked-count-wrapper,.blocked-domains-card .blocked-percentage-wrapper{display:flex;flex-direction:column;align-items:center;margin:5px 0;color:#28a745}@media (prefers-color-scheme: dark){.blocked-domains-card .blocked-count-wrapper,.blocked-domains-card .blocked-percentage-wrapper{color:#8bc34a}}.blocked-domains-card strong{font-size:2.2em;font-weight:800;color:inherit;line-height:1.2}.blocked-domains-card .blocked-percentage-wrapper strong{font-size:1.8em}.results-overview-card{display:flex;justify-content:space-around;flex-wrap:wrap;gap:15px;width:100%;max-width:700px;margin-left:auto;margin-right:auto;animation:scaleIn .6s ease-out;margin-bottom:25px}.other-overview-cards-container{display:flex;justify-content:space-around;flex-wrap:wrap;gap:15px;width:100%;max-width:700px;margin-left:auto;margin-right:auto;padding-top:30px;border-top:1px solid #eee}@media (prefers-color-scheme: dark){.other-overview-cards-container{border-top-color:#444}}.overview-item{display:flex;flex-direction:column;align-items:center;font-size:1em;font-weight:500;text-align:center;flex:1 1 calc(33% - 15px);min-width:150px;background-color:transparent;border-radius:0;padding:0;box-shadow:none;color:#fff}@media (prefers-color-scheme: dark){.overview-item{color:#ffffffe6;background-color:transparent;box-shadow:none}}@media (max-width: 600px){.overview-item{flex:1 1 90%;max-width:300px;background-color:#f0f0f0;border-radius:8px;padding:15px;box-shadow:0 2px 5px #0000000d;color:#333}@media (prefers-color-scheme: dark){.overview-item{background-color:#4a4e5c;box-shadow:0 2px 5px #0003;color:#ffffffe6}}.other-overview-cards-container{flex-direction:column;align-items:center;gap:10px}}.app-footer{width:100%;text-align:center;padding:20px 0;margin-top:10px;border-top:1px solid #e0e0e0;color:#666;font-size:.9em;box-sizing:border-box;background-color:transparent;border-radius:0;position:relative}@media (prefers-color-scheme: dark){.app-footer{background-color:transparent;border-color:#444;color:#ffffffb3}}.app-footer p{margin:0 0 10px}.footer-icons{display:flex;justify-content:center;gap:20px;margin-top:10px}.footer-icons a{color:#666;transition:color .3s ease;display:flex;align-items:center}.footer-icons a:hover{color:#4a90e2}@media (prefers-color-scheme: dark){.footer-icons a{color:#ffffffb3}.footer-icons a:hover{color:#79abed}}.footer-icons svg{width:24px;height:24px;vertical-align:middle}#root{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:20px;box-sizing:border-box;width:100%}