.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;z-index:1000}.popup-overlay.active{opacity:1;visibility:visible}.popup-content{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 8px 30px #00000040;max-width:600px;width:90%;transform:scale(.9);transition:transform .3s ease-in-out;position:relative;max-height:80vh;overflow-y:auto}.popup-overlay.active .popup-content{transform:scale(1)}.popup-close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;font-weight:700;color:#666;cursor:pointer;line-height:1;padding:0;width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:background-color .2s,color .2s}.popup-close-btn:hover{color:#000;background-color:#eee}.popup-header{font-size:24px;font-weight:600;margin-bottom:20px;color:#2c3e50;border-bottom:1px solid #eee;padding-bottom:10px}.popup-body{font-size:16px;line-height:1.6;color:#555}.popup-body p{margin-bottom:10px}.loading-message{text-align:center;padding:20px;font-style:italic;color:#777}.error-message{text-align:center;padding:20px;color:#d9534f;font-weight:700}.post-title{font-size:20px;font-weight:600;color:#007bff;margin-bottom:10px}.post-body{font-size:16px;line-height:1.5;color:#444}