.comment-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.comment-popup-container{background:#121818;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;position:relative;animation:slideUp .3s ease-out;border:1px solid #2f3f3f}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.comment-popup-header{display:flex;align-items:center;padding:1rem 1.5rem;position:relative;border-bottom:1px solid #2f3f3f}.comment-popup-back{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-right:1rem}.comment-popup-title{color:#fff;font-size:1.25rem;font-weight:600;margin:0;flex:1 1;text-align:left}.comment-popup-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.comment-input-section{width:100%}.comment-input-section .rte-toolbar{padding-right:0}.comment-input{width:100%;min-height:200px;background:#121818;border:1px solid #2f3f3f;border-radius:12px;padding:1rem;color:#e2e9e9;font-size:16px;line-height:1.5;resize:none;transition:all .3s ease;box-sizing:border-box;font-family:Manrope,sans-serif}.comment-input::placeholder{color:#8aa8a8}.comment-input:focus{outline:none;border-color:#04bfbf}.comment-post-button{width:100%;background:#283939;border:none;border-radius:6px;padding:1rem;font-size:1rem;font-weight:500;color:#fff;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;font-family:Manrope,sans-serif}.comment-post-button.enabled{background:#04bfbf;color:#ffffff}.comment-post-button.enabled:hover{background:#06d9d9;box-shadow:0 2px 8px rgba(4,191,191,.3)}.comment-post-button:active:not(:disabled){transform:translateY(1px)}.comment-post-button:disabled{background:#283939;color:rgba(255,255,255,.3);cursor:not-allowed}.comment-post-button.enabled:disabled,.comment-post-button.enabled:disabled:hover{background:#04bfbf;color:#ffffff;opacity:.75;box-shadow:none;cursor:not-allowed}.comment-post-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.comment-post-button:active:not(:disabled):after{width:300px;height:300px}@media (max-width:768px){.comment-popup-container{max-width:550px}.comment-input{min-height:180px}}@media (max-width:480px){.comment-popup-overlay{align-items:flex-start;padding:1rem .5rem .5rem;overflow-y:auto}.comment-popup-container{max-width:none;border-radius:12px;margin-top:0}.comment-popup-overlay.keyboard-open{align-items:flex-start;padding-top:.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.comment-popup-overlay.keyboard-open .comment-popup-container{margin-top:0;max-height:calc(100dvh - 2rem);transform:translateY(0)}.comment-popup-header{padding:1rem}.comment-popup-title{font-size:1.1rem}.comment-popup-content{padding:1rem;gap:1.25rem}.comment-input{min-height:150px;font-size:.9rem}.comment-input::placeholder{font-size:.9rem}.comment-post-button{padding:.875rem;font-size:.9rem}}@media (max-width:360px){.comment-input{min-height:120px;font-size:.85rem}.comment-input::placeholder{font-size:.85rem}}