.comment-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none;justify-content:center;align-items:center;z-index:1000}.comment-modal__content{background:#fff;padding:20px;border-radius:10px;width:500px;box-shadow:0 4px 15px rgba(0,0,0,.2);text-align:center}.comment-modal__textarea{width:100%;resize:none;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;padding:6px}.comment-modal__hint{opacity:.7;margin-bottom:10px}.comment-modal__btn{background:#007bff;color:#fff;border:none;border-radius:4px;padding:6px 12px;cursor:pointer}.comment-modal__btn--cancel{background:#ccc;color:#000;margin-left:5px}.comment-modal__message{margin-top:10px;font-size:15px;text-align:center;word-break:break-word;min-height:40px}.comment-anchor-btn{position:absolute;display:none;background:#f5f5f5;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:2px 6px;font-size:14px;transition:opacity .3s ease}.page-comment-block{padding:15px;margin-top:30px;border-top:1px solid #ddd}.page-comment-block__label{margin-bottom:8px;font-weight:700;font-size:15px}.page-comment-block__textarea{width:100%;height:80px;resize:vertical;border:1px solid #ccc;border-radius:4px;padding:6px}.page-comment-block__error{margin-top:5px;font-size:13px;color:#c00;display:none}.page-comment-block__hint{opacity:.7;margin-bottom:10px}.page-comment-block__send-btn{background:#007bff;color:#fff;border:none;border-radius:4px;padding:6px 12px;cursor:pointer}.page-comment-block__message{margin-top:10px;font-size:14px}.page-comment-block__restart-btn{background:#007bff;color:#fff;border:none;border-radius:4px;padding:6px 12px;cursor:pointer;margin-top:10px;display:inline-block}