.popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:99999}.popup-content{display:none;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) translateY(-10px);transform:translate(-50%,-50%) translateY(-10px);background:white;border:1px solid #ccc;padding:20px;width:90%;max-width:400px;max-height:80vh;overflow:auto;-webkit-box-shadow:0px 4px 6px rgba(0,0,0,0.1);box-shadow:0px 4px 6px rgba(0,0,0,0.1);z-index:100000;opacity:0;-webkit-transition:opacity 0.2s ease-out,-webkit-transform 0.2s ease-out;transition:opacity 0.2s ease-out,-webkit-transform 0.2s ease-out;transition:opacity 0.2s ease-out,transform 0.2s ease-out;transition:opacity 0.2s ease-out,transform 0.2s ease-out,-webkit-transform 0.2s ease-out}.popup-content.is-active{opacity:1;-webkit-transform:translate(-50%,-50%) translateY(0);transform:translate(-50%,-50%) translateY(0)}.popup-close{display:block;margin-top:10px;padding:5px 10px;background:#ddd;color:#333;text-align:center;cursor:pointer;border-radius:5px}.popup-close:hover{background:#bbb}