.popup-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0009;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.popup-content{text-align:center;background:linear-gradient(145deg,#fff,#f8f8f8);border-radius:20px;width:90%;max-width:400px;margin:0 auto;padding:2rem;animation:.4s ease-out slideUp;position:relative;box-shadow:0 20px 60px #00000026,0 0 0 1px #ffffff80}.popup-close{color:#666;cursor:pointer;z-index:10001;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}.popup-close:hover{color:#666;background:#0000001a;transform:scale(1.1)}.popup-header{margin-bottom:1.5rem}.popup-spoolie{margin-bottom:.5rem;animation:2s ease-in-out infinite float}.popup-spoolie img{object-fit:contain;width:80px;height:80px}@keyframes float{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-15px)rotate(-2deg)}50%{transform:translateY(-5px)rotate(2deg)}75%{transform:translateY(-10px)rotate(-1deg)}}.popup-header h2{color:var(--primary-blue);margin:0;font-size:1.8rem;font-weight:700}.popup-body{margin-bottom:2rem}.popup-body p{color:var(--dark-text);margin:0 0 1rem;font-size:1rem;line-height:1.5}.popup-subtitle{color:var(--light-text)!important;font-size:.9rem!important}.popup-text{margin-bottom:1.5rem}.popup-text p{color:var(--primary-orange);margin:0;font-size:1.2rem;font-weight:600}.popup-actions{justify-content:center;align-items:center;display:flex}.popup-app-store-badge{cursor:pointer;border-radius:8px;height:60px;transition:all .3s}.popup-app-store-badge:hover{filter:brightness(1.1);transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (max-width:480px){.popup-content{max-width:none;margin:1rem;padding:1.5rem}.popup-header h2{font-size:1.5rem}.popup-actions{gap:.8rem}}