.report-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgb(17 24 39 / .8);backdrop-filter:blur(8px);z-index:1000;display:none;opacity:1;transition:opacity 0.3s ease}.report-popup-overlay.visible{display:block;opacity:1}.report-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);background-color:var(--surface);padding:2rem;border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 10px 25px -5px rgb(0 0 0 / .3),0 8px 10px -6px rgb(0 0 0 / .2);z-index:1001;display:none;width:90%;max-width:500px;opacity:1;transition:transform 0.3s ease,opacity 0.3s ease}.report-popup.visible{display:block;opacity:1;transform:translate(-50%,-50%) scale(1)}.report-popup h2{text-align:center;margin-bottom:1.5rem;color:var(--text);font-size:1.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.report-popup h2 .fa-exclamation-triangle{color:var(--primary)}.report-popup form{display:flex;flex-direction:column;gap:1rem}.report-popup textarea{background-color:var(--background);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;font-family:inherit;font-size:1rem;min-height:120px;resize:vertical;transition:var(--transition)}.report-popup textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgb(79 70 229 / .1)}.report-popup .report-popup-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem}.report-popup button{border:none;padding:.8rem 1.5rem;border-radius:var(--radius);cursor:pointer;font-weight:600;transition:var(--transition);font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.report-popup button[type="submit"]{background-color:var(--primary);color:#fff}.report-popup button[type="submit"]:hover{background-color:var(--primary-hover)}.report-popup #close-popup-btn{background-color:var(--border);color:var(--text)}.report-popup #close-popup-btn:hover{background-color:#4b5563}.tool-loader{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--surface);display:flex;justify-content:center;align-items:center;z-index:1}.tool-loader img{width:100px;height:100px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.popup-view{position:fixed;top:0;left:0;right:0;background-color:rgb(17 24 39 / .9);backdrop-filter:blur(10px);display:none;justify-content:center;align-items:center;z-index:1000;overflow-y:auto}.popup-view .tool-container{width:90%;height:90%}.tool-container{position:relative}.dots-loader-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(17 17 17 / .274);display:none;justify-content:center;align-items:center;z-index:999;border-radius:10px;backdrop-filter:blur(3px)}.dots-loader-overlay.visible{display:flex;}.dots-spinner{display:flex;gap:10px}.dots-spinner div{width:10px;height:10px;background:#ebe6e6;border-radius:50%;animation:bounce 0.6s infinite ease-in-out}.dots-spinner div:nth-child(1){animation-delay:-0.2s}.dots-spinner div:nth-child(2){animation-delay:-0.1s}.dots-spinner div:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,100%{transform:scale(.6);opacity:.5}40%{transform:scale(1.2);opacity:1}}.newsletter-loader-wrap{margin-top:10px;display:none;justify-content:center;align-items:center}.dots-spinner{display:flex;gap:6px}.dots-spinner .dot{width:8px;height:8px;background-color:#555;border-radius:50%;animation:bounceDot 0.6s infinite ease-in-out}.dots-spinner .dot:nth-child(1){animation-delay:-0.2s}.dots-spinner .dot:nth-child(2){animation-delay:-0.1s}.dots-spinner .dot:nth-child(3){animation-delay:0s}@keyframes bounceDot{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}.newsletter-loader-wrap{margin-top:10px;display:none;justify-content:center;align-items:center}.dots-spinner{display:flex;gap:6px}.dots-spinner .dot{width:8px;height:8px;background-color:#555;border-radius:50%;animation:bounceDot 0.6s infinite ease-in-out}.dots-spinner .dot:nth-child(1){animation-delay:-0.2s}.dots-spinner .dot:nth-child(2){animation-delay:-0.1s}.dots-spinner .dot:nth-child(3){animation-delay:0s}@keyframes bounceDot{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}