.comment__sort__container{position:relative;display:inline-flex}.comment__sort__trigger{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:#65676b;background:none;border:none;cursor:pointer;padding:4px 0;transition:color .15s ease}.comment__sort__trigger:hover{color:#050505}.dark .comment__sort__trigger{color:#b0b3b8}.dark .comment__sort__trigger:hover{color:#e4e6eb}.sort__caret{width:12px;height:12px;fill:currentColor;flex-shrink:0}.comment__sort__popover{position:absolute;top:calc(100% + 6px);left:0;z-index:100;background:#fff;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05);min-width:280px;padding:8px 0;animation:sortDropdownFadeIn .12s ease-out}.dark .comment__sort__popover{background:#242526;box-shadow:0 2px 12px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.1)}@keyframes sortDropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sort__popover__header{font-size:15px;font-weight:700;color:#050505;padding:4px 16px 8px}.dark .sort__popover__header{color:#e4e6eb}.sort__option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 16px;border:none;background:none;cursor:pointer;text-align:left;transition:background-color .1s ease;gap:12px}.sort__option:hover{background:#f0f2f5}.dark .sort__option:hover{background:#3a3b3c}.sort__option--active{background:#f0f2f5;border-left:3px solid var(--color-primary,#1b74e4)}.dark .sort__option--active{background:#3a3b3c;border-left:3px solid #2d88ff}.sort__option__content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.sort__option__label{font-size:14px;font-weight:600;color:#050505;line-height:1.3}.dark .sort__option__label{color:#e4e6eb}.sort__option__desc{font-size:12px;font-weight:400;color:#65676b;line-height:1.4}.dark .sort__option__desc{color:#b0b3b8}.sort__check{flex-shrink:0;color:#1877f2}.dark .sort__check{color:#2d88ff}.modal__overlay{position:fixed;inset:0;z-index:1300;background:hsla(0,0%,100%,.8);display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease-out}.dark .modal__overlay{background:rgba(0,0,0,.65)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal__container{background:#fff;border-radius:12px;box-shadow:0 12px 28px rgba(0,0,0,.15),0 2px 4px rgba(0,0,0,.1);width:100%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .2s ease-out}.dark .modal__container{background:#242526;box-shadow:0 12px 28px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.3)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal__titlebar{display:flex;align-items:center;justify-content:center;position:relative;padding:14px 16px;border-bottom:1px solid #e4e6eb;flex-shrink:0}.modal__titlebar:after{content:"";position:absolute;bottom:-1px;left:16px;right:16px;height:2px;background:linear-gradient(90deg,var(--color-primary,#1b74e4) 0,transparent 100%);opacity:.5;border-radius:1px}.dark .modal__titlebar{border-bottom-color:#3a3b3c}.modal__title{font-size:20px;font-weight:700;color:#050505;text-align:center}.dark .modal__title{color:#e4e6eb}.modal__close{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#e4e6eb;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease}.modal__close:hover{background:#d8dadf}.dark .modal__close{background:#3a3b3c}.dark .modal__close:hover{background:#4e4f50}.modal__close svg{color:#606770}.dark .modal__close svg{color:#b0b3b8}.modal__scroll{flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.modal__scroll::-webkit-scrollbar{width:8px}.modal__scroll::-webkit-scrollbar-thumb{background:#c2c5c9;border-radius:4px}.dark .modal__scroll::-webkit-scrollbar-thumb{background:#4e4f50}.modal__scroll::-webkit-scrollbar-track{background:transparent}.modal__post__header{padding:12px 16px 0}.modal__post__body{width:100%}.modal__description{padding:4px 16px 8px;font-size:15px;color:#050505;white-space:pre-wrap;word-break:break-word}.dark .modal__description{color:#e4e6eb}.modal__description .see__more{color:#65676b;font-weight:600;cursor:pointer}.modal__description .see__more:hover{text-decoration:underline}.modal__media{width:100%}.modal__media img{width:100%;display:block}.modal__action__area{padding:0 16px}.modal__sort__label{display:flex;align-items:center;gap:4px;padding:8px 16px 4px}.dark .modal__sort__label{color:#b0b3b8}.modal__comments{padding:0 16px 8px}.modal__input__area{border-top:1px solid #e4e6eb;padding:8px 16px;flex-shrink:0;background:#fff}.dark .modal__input__area{border-top-color:#3a3b3c;background:#242526}@media (max-width:767px){.modal__container{max-width:100%;max-height:100vh;height:100vh;border-radius:0}.modal__titlebar{padding:12px 16px}.modal__title{font-size:17px}}