@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);.current-avatar{border-radius:50%;border:1px solid #eeeeee;height:40px;width:40px}.input-create-post{border-radius:24px;padding:8px 10px;width:100%;color:#62718b;cursor:pointer;background:#f0f4fa}.input-create-post:hover{background:#f7f7f7}.video-feed-item{display:flex}.modal-video-slider{align-items:center}.type-post-create{cursor:pointer;color:#62718b;pointer-events:none}.type-post-create{color:#62718b;overflow:hidden;position:relative;transition:color 0.3s ease}.type-post-create::before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;transition:width 0.3s ease-in-out;z-index:0}.type-post-create:hover::before{width:100%}.type-post-create:hover{color:#0b1a15 !important}.type-post-create span{position:relative;z-index:1}.advanced-comment-post{font-size:10px;color:#888a8a !important;line-height:14px;font-weight:600}.advanced-comment-post:hover{cursor:pointer;text-decoration:underline}.text-time{font-size:14px;color:#879c98 !important}.text-time:hover{cursor:pointer;text-decoration:underline}.text-user{font-size:16px;color:#123336;font-weight:600;cursor:pointer;text-decoration:none}.text-user:hover{cursor:pointer;text-decoration:underline}.header-post{position:relative}.favorite-post{color:#f35e6d;cursor:pointer;font-size:26px}.more-settings{cursor:pointer;color:#d9d9d9;font-size:26px}.post-content{font-size:16px;color:#123336;font-weight:400;text-align:justify}.post-content:hover{cursor:pointer}.post-content-cz{font-size:16px;color:#123336;font-weight:400}.post-content-cz:hover{text-decoration:underline;cursor:pointer}.image-book-preview{max-width:45px;aspect-ratio:2 / 3;object-fit:cover;border-radius:8px}.text-publisher{color:#879c98;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-publisher-preview{color:#879c98;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-bookname{font-size:16px;color:#123336;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-bookname-preview{font-size:20px;color:#1e3454;overflow:hidden;text-overflow:ellipsis;width:99%}.progress{width:80%;height:5px;background:#e0e0e0;border-radius:10px;overflow:hidden;position:relative}.progress-bar{width:50%;height:100%;background:linear-gradient(90deg, #ff9a75, #ff9a75);transition:width 0.5s ease-in-out}.status-post{font-size:12px;color:#8999b6}.rating-book{display:flex;gap:5px;font-size:26px;cursor:pointer;user-select:none;justify-content:space-between}.count-rating{font-size:16px;color:#8999b6}.btn-see-more{background:#d9dfe9;color:#1e3454;padding:4px 12px;border-radius:8px;cursor:pointer}.modal-select-book-preview,.modal-select-topic-preview{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999999999999999999999999;display:none;justify-content:center;align-items:center;transform:translateY(-100%);transition:transform 0.3s ease-out}.modal-select-book-preview.show,.modal-select-topic-preview.show{transform:translateY(0)}.modal-body-modal-content{padding:20px;border-radius:5px;width:60%;height:100%;position:relative}.view-content{padding:20px;max-height:80vh;overflow-y:auto;overflow-x:hidden;background:white;border:1px solid rgba(0,0,0,0);border-radius:0px 0px 10px 10px;scrollbar-width:none;-ms-overflow-style:none}.view-content::-webkit-scrollbar{display:none;width:0}.panigation{gap:10px;padding:10px 20px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.panigation .prev-page,.panigation .next-page{width:20px;height:20px;display:flex;justify-content:center;align-items:center;background-color:#007bff;color:white;border-radius:50%;cursor:pointer;transition:all 0.3s ease}.panigation .prev-page.disabled,.panigation .next-page.disabled{background-color:#ccc;cursor:not-allowed}.panigation .prev-page:not(.disabled):hover,.panigation .next-page:not(.disabled):hover{background-color:#0056b3;transform:scale(1.1)}.page-list{display:flex;gap:8px}.page-item{padding:5px 10px;cursor:pointer;border:1px solid #ddd;border-radius:4px;background-color:#f8f9fa;color:#007bff;transition:all 0.2s ease}.page-item:hover{background-color:#007bff;color:white}.page-item.active{background-color:#007bff;color:white;font-weight:bold}.prev-page.disabled,.next-page.disabled{opacity:0.5;cursor:not-allowed}.go-to-page{display:flex;align-items:center;gap:8px}.go-to-page input{width:60px;padding:3px;text-align:center;border:1px solid #ddd;border-radius:4px;font-size:14px}.search-modal{position:relative;padding:20px;border-radius:10px 10px 0px 0px;background:#fff;border-bottom:1px solid #ccc}.book-list{border:1px solid #ccc;padding:10px;border-radius:8px;margin-top:10px}.book-list:hover{background:#f0f4fc;cursor:pointer}#chooseTopicPost{z-index:9999999999999999}#chooseTopicPost .topic-item-post{margin:4px;font-size:14px;font-weight:600;padding:3px 12px;line-height:19px;cursor:pointer;border-radius:4px;border:1px solid #eeeeee;width:fit-content}#chooseTopic{z-index:99999999}#chooseTopic .modal-body .list-topic{grid-template-columns:repeat(3, 1fr);gap:14px;margin-bottom:20px}#chooseTopic .modal-body .list-topic .topic-item{position:relative;-webkit-transition-duration:0.4s;transition-duration:0.4s;overflow:hidden;user-select:none;background-color:#f0f4fc;color:#62718b;font-size:14px;font-weight:400;line-height:22px;border-radius:8px;cursor:pointer}#chooseTopic .modal-body .list-topic .topic-item.active{border:1.5px solid #00b789;color:#123336;font-weight:600;background-color:#fff;box-shadow:0px 2px 3.4px 0px #dce4f1}.body-modal-post{height:100%}@media (min-width: 768px){.text-bookname{font-size:14px}.text-bookname.cs{font-size:18px}.text-bookname-preview{font-size:20px}.text-publisher{font-size:12px}.text-publisher.cs{font-size:18px}.text-publisher-preview{font-size:16px}.btn-see-more{padding:10px 20px}.count-rating{font-size:18px}.progress{width:100%;height:10px}.status-post{font-size:18px}.rating-book{font-size:16px}#chooseTopic .modal-body .list-topic{grid-template-columns:repeat(4, 1fr);gap:20px}}@media (max-width: 768px){.modal-dialog.cz{height:130%}.modal-dialog{height:100%;margin:0}.modal-content{height:100%;border-radius:0}.modal-body-modal-content{width:100%}.text-bookname-preview{width:85%}#chooseTopic .modal-dialog{margin-inline:auto}.body-modal-post{height:50%}.content-post-modal{height:100% !important}.add-comment-to-post{bottom:0;border-radius:0px !important}.modal-post-content{height:auto !important}.pb-6{padding-bottom:7rem !important}.close-modal-select-book-preview{position:fixed !important;top:20px !important;right:20px !important;z-index:999}.text-topic-post{font-size:18px !important}.text-publisher.cs{font-size:16px !important;max-width:50%;min-width:50px;overflow:hidden !important}}.modal-dialog-scrollable .modal-content{height:100%;background-color:transparent;border:none}.modal-dialog-scrollable .modal-content .header-modal,.modal-dialog-scrollable .modal-content .modal-body,.modal-dialog-scrollable .modal-content .modal-footer{background:#fff}.modal-content{height:100%}.btn-create-post-wrapper{width:100%;margin:8px 4px 0 4px}.btn-create-post-wrapper .btn-create-post-start{width:100%;border-radius:6px;padding:8px;background:#f0f4fc;color:#62718b}.btn-create-post-wrapper .btn-create-post,.btn-create-post-wrapper .btn-update-content-post{width:100%;border-radius:6px;padding:8px}.btn-create-post,.btn-update-content-post{background:#00b789 !important;color:white !important}.targer-post{font-size:14px;color:#62718b !important;background:#f0f4fc;border-radius:8px;padding:0px 8px}textarea{resize:none}.content-post-value:focus,.content-edit-value:focus{outline:none;border:none;box-shadow:none !important}.content-post-value,.content-edit-value{position:relative;white-space:normal;word-wrap:break-word}.content-post-value div,.content-edit-value div{width:100%}.content-post-value.placeholder-cs::before,.content-edit-value.placeholder-cs::before{content:attr(data-placeholder);color:#c4c4c4;position:absolute;pointer-events:none;display:block;cursor:text;opacity:1}.suggestion-item:hover{background:#f0f0f0}.suggestion-item:last-child{border-bottom:none}.hashtag-suggestions-dropdown{box-shadow:0 2px 8px rgba(0,0,0,0.1)}.setting-post-create{border-radius:8px;border:1px solid #e0e5ee;padding:8px;box-shadow:0px 3px 10px -2px #bbc7d94d;width:100%}.setting-post-create .cs{border:none;cursor:pointer}.setting-post-create .cs .btn-setting-post{background:#ff7e22}.setting-post-create .cs .select-book-preview-text{color:#62718b;font-size:16px;font-weight:600}.btn-setting-post{color:#fff;cursor:pointer;padding:5px;border-radius:50%;width:40px;height:40px;background:#00b789;display:flex;justify-content:center;align-items:center;text-decoration:none;margin-inline:5px}.btn-setting-post.cs{width:32px;height:32px}.btn-setting-post.disable{background:gray}.post-recommend{color:#888a8a;cursor:pointer}.post-recommend i{color:#d9d9d9}.post-recommend.active{color:#00b789}.post-recommend.active i{color:#00b789}@media (hover: hover) and (pointer: fine){.post-recommend:hover{color:#00b789}.post-recommend:hover i{color:#00b789}}.like-count{border-radius:50%;background:#00b789;padding:0px 6px;color:#fff;width:18px;height:18px;text-align:center;display:flex;justify-content:center;align-items:center}.total_comment{cursor:pointer}.total_comment:hover{text-decoration:underline}.btn-setting-post:hover{scale:1.1}.btn-setting-post.disable:hover{scale:1}.btn-delete-book-selected{position:absolute;top:0px;right:0px;background:#fff;border-radius:50%;padding:5px;cursor:pointer}.book-selected-preview{position:relative;border-radius:8px;border:1px solid #ccc;user-select:none}fieldset,label{margin:0;padding:0}.rating{border:none;float:left}.rating>input{display:none}.rating>label:before{margin:5px;font-size:1.25em;font-family:FontAwesome;display:inline-block;content:"\f005"}.rating>.half:before{content:"\f089";position:absolute}.rating>label{color:#ddd;float:right}.rating>input:checked~label,.rating:not(:checked)>label:hover,.rating:not(:checked)>label:hover~label{color:#ffd700}.rating>input:checked+label:hover,.rating>input:checked~label:hover,.rating>label:hover~input:checked~label,.rating>input:checked~label:hover~label{color:#ffed85}.star-select{cursor:pointer}.modal-more-settings{display:none;position:absolute;top:0;right:0;background:#fff;border-radius:8px;box-shadow:0px 0px 10px rgba(0,0,0,0.1);z-index:1000}.items-more-settings{padding:10px;cursor:pointer}.items-more-settings:hover{background:#f0f4fc;cursor:pointer}.btn.scroll-to-top{width:46px;height:46px}#createPostModal{z-index:99999}.input-search-book:focus{outline:none;box-shadow:none !important}.modal-image-post{max-height:100%;max-width:100%;cursor:pointer;border-radius:8px}.image-tag-modal{position:relative;background:#3f3a3a}.btn-next-image-modal{position:absolute;right:-0%;top:50%;color:#cfcdcd;opacity:0.5;display:none}.btn-pre-image-modal{position:absolute;left:-0%;top:50%;color:#cfcdcd;opacity:0.5;display:none}.image-tag-modal:hover .btn-next-image-modal,.image-tag-modal:hover .btn-pre-image-modal{cursor:pointer;display:block !important}.overlay{position:absolute;top:0;left:0;z-index:1;opacity:1;pointer-events:none}.image-tag-modal{user-select:none}.book-infos-name-modal{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.comment-body{background:#f0f4fc;border-radius:6px;padding:2px 8px;min-width:210px}.emoticon{position:relative}.emotion-icon{display:none;position:absolute;transition:all 0.3s ease-in-out;opacity:0;z-index:1000000;background:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.1);padding:10px;height:50px;width:230px;top:-40px;left:-10px}.icon{display:inline-block;margin:5px;margin-bottom:10px;cursor:pointer;transition:all 0.3s ease-in-out;font-size:20px}.icon:hover{transform:scale(1.4)}.emojis-view{width:330px;max-height:400px;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,0.15);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.emoji-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #efefef}.emoji-title{font-weight:600;color:#262626}.btn-close-emoji{background:none;border:none;font-size:24px;color:#8e8e8e;cursor:pointer;line-height:1}.emoji-list{display:flex;flex-wrap:wrap;padding:12px;overflow-y:auto;max-height:320px}.emoji-item{width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:22px;transition:transform 0.2s ease;border-radius:4px}.emoji-item:hover{transform:scale(1.3);background:#f0f0f0}.emoji-sizer{width:26px;height:26px}.emoji-outer{display:inline-block;overflow:hidden;letter-spacing:50px;color:transparent;text-shadow:none}.emoji-sizer.emoji-outer{background-size:5250%;background-repeat:no-repeat;background-image:url("https://cdn.hoclieuthongminh.com/lib/js/emoji-md.png");margin:0px 0px -5px;margin-bottom:-11px;margin-left:5px}.emotion-post span.emoji-sizer{width:18px !important;height:18px !important}.emotion-post:hover{cursor:pointer;text-decoration:underline}.add-comment-to-post{width:100%;border-radius:0 0 12px 12px;background:#fff}#contentCommentPost{border-radius:0;padding:0;background:#f0f4fc;outline:none !important;box-shadow:none !important}.input-comment-post{background:#f0f4fc;width:100%;border-radius:8px;padding:10px}#contentCommentPost:focus{box-shadow:none !important;border:1px solid #d6d6d6}.btn-send-comment{background:#188550;color:#fff;border-radius:50%;padding:5px 10px;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.btn-send-comment.disable{background:#62718b;color:#fff;border:none;cursor:not-allowed;pointer-events:none}.btn-send-comment:hover{background:#00b789;color:#fff}.emojis-view{z-index:999999999999;overflow-y:scroll;overflow-x:hidden;overflow-y:visible}.modal-post-content::-webkit-scrollbar{width:2px}.modal-post-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-post-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.modal-post-content::-webkit-scrollbar-thumb:hover{background:#555}.post-title-modal{max-height:150px;overflow:hidden;position:relative;mask-image:linear-gradient(to bottom, #000 60%, rgba(0,0,0,0));-webkit-mask-image:linear-gradient(to bottom, #000 60%, rgba(0,0,0,0))}.hide-scrollbar{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.text-like{color:#00b789}.show-more{text-decoration:underline;cursor:pointer;font-size:16px;margin-bottom:20px}.show-more.cz{position:relative}#contentModal{z-index:99999}#createBook{z-index:999999}.pb-6{padding-bottom:3rem}.topic{width:15%;aspect-ratio:1}.list-topic-preview .active .topic-color{box-shadow:inset 0 0 0 2px #fff,0 0 5px 0 rgba(0,0,0,0.2)}.list-topic-preview .active{pointer-events:none}.text-topic-post{font-size:24px;font-weight:800}@media (min-width: 992px){.modal-lg,.modal-xl{--bs-modal-width: 800px}}.content-post .form-control{border-radius:0}.count-comment{font-size:18px;color:#62718b;font-weight:400;line-height:24.5px}.center-text{display:flex;align-items:center;justify-content:center;text-align:center}.start-text{display:flex;align-items:flex-start;justify-content:flex-start;text-align:start}.topic-title{text-decoration:none;top:6px;right:8px;background:transparent;border:1px solid #eeeeee;border-radius:4px;padding:3px 12px;font-size:14px;font-weight:600;line-height:19px;cursor:pointer}.dropdown-toggle::after{border-top:0.45em solid;border-right:0.35em solid transparent;border-left:0.35em solid transparent;border-bottom:0;vertical-align:middle}.text-comment{font-size:14px;color:#485368;font-weight:400;line-height:21px}.comment-more{font-size:16px;font-weight:600;line-height:22px;color:#888a8a}.comment-more:hover{cursor:pointer;text-decoration:underline}.btn-create-book{background:#00b789;color:#fff;border-radius:8px;font-size:16px;font-weight:600;line-height:22px}.btn-create-book:hover{background:#00b789;color:#fff}.image-new-book{width:100px;height:120px;object-fit:cover}.choose_topic{font-size:16px;font-weight:600;line-height:22px;color:#62718b;padding:4px 15px;border-radius:6px;border:1px solid #e0e5ee;cursor:pointer}.choose_topic.cs{color:#fff}.line-clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#instagramModal{z-index:9999999999999 !important}#instagramModal .modal-backdrop{z-index:999999999998 !important}#instagramModal .modal-dialog{margin:auto;z-index:10000}#instagramModal .modal-content{background:transparent;border:none}.instagram-modal-left{min-width:500px}.instagram-modal-right{background:white}.instagram-modal-right::-webkit-scrollbar{width:6px}.instagram-modal-right::-webkit-scrollbar-track{background:#f1f1f1}.instagram-modal-right::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.instagram-modal-right::-webkit-scrollbar-thumb:hover{background:#555}.instagram-comment-input{outline:none !important;box-shadow:none !important}.instagram-comment-input:focus{outline:none !important;box-shadow:none !important}.emojis-view{box-shadow:0 4px 20px rgba(0,0,0,0.15) !important}.emojis-view::-webkit-scrollbar{width:6px}.emojis-view::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.emojis-view::-webkit-scrollbar-thumb{background:#00b789;border-radius:10px}.emojis-view::-webkit-scrollbar-thumb:hover{background:#009670}.emoji:hover{background:#f0f2f5;border-radius:4px}.btn-close-emoji{font-size:24px;font-weight:bold;color:#888}.btn-close-emoji:hover{color:#333}.emoticon.like:hover .emotion-icon{display:flex !important}@media (max-width: 768px){.emojis-view{width:calc(70vw);position:fixed;bottom:52px}#instagramModal{z-index:99999999999 !important}#instagramModal .modal-backdrop{z-index:9998 !important}#instagramModal .modal-dialog{max-width:100vw !important;height:100vh !important;margin:0 !important;z-index:10000}#instagramModal .modal-content{height:100vh !important;border-radius:0 !important;background:white !important}#instagramModal .modal-body{height:100vh !important;padding:0 !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch}#instagramModal .modal-body>.d-flex{flex-direction:column !important;height:auto !important;min-height:100vh !important}.instagram-modal-left{min-width:100% !important;width:100% !important;height:auto !important;max-height:none !important;min-height:250px !important;flex:none !important;position:relative !important}#instagramModal .btn-close-white{position:fixed !important;top:12px !important;left:12px !important;right:auto !important;background-color:rgba(0,0,0,0.6) !important;border-radius:50% !important;width:36px !important;height:36px !important;padding:0 !important;opacity:1 !important;z-index:10001 !important}.instagram-modal-right{width:100% !important;height:auto !important;max-height:none !important;flex:none !important;border-left:none !important;border-top:1px solid #dbdbdb !important}.instagram-modal-right>.p-3:first-child{position:sticky !important;top:0 !important;background:white !important;z-index:10 !important}.instagram-modal-right>.border-bottom{border-bottom:1px solid #efefef !important}.instagram-modal-right .flex-grow-1{max-height:none !important;overflow-y:visible !important}.instagram-modal-right>.border-top:last-child{position:sticky !important;bottom:0 !important;background:white !important;z-index:10 !important;box-shadow:0 -2px 8px rgba(0,0,0,0.05) !important}.instagram-modal-left .btn.position-absolute{display:flex !important;align-items:center;justify-content:center;background:rgba(0,0,0,0.6) !important;color:white !important;border:none !important;z-index:20 !important}.instagram-modal-left .btn-close-white{display:flex !important;background:rgba(0,0,0,0.6) !important;border-radius:50% !important;width:40px !important;height:40px !important;align-items:center;justify-content:center;z-index:20 !important}.instagram-modal-left .btn-close-white i{color:white;font-size:20px}.instagram-modal-left .position-absolute.d-flex.gap-2{bottom:10px !important}#instagramModal img{max-height:60vh !important;object-fit:contain !important}.emoji-sizer.emoji-outer{background-size:5250%;background-repeat:no-repeat;background-image:url("https://cdn.hoclieuthongminh.com/lib/js/emoji-md.png");margin:0px 0px -5px;margin-left:5px}}.bottom-sheet-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);z-index:9998;display:none;transition:background 0.3s ease}.bottom-sheet-overlay.show{display:block;background:rgba(0,0,0,0.5)}.bottom-sheet-content{position:fixed;bottom:0;left:0;right:0;background:white;border-radius:20px 20px 0 0;max-height:75vh;transform:translateY(100%);transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);display:flex;flex-direction:column;box-shadow:0 -4px 20px rgba(0,0,0,0.15);z-index:9999}.bottom-sheet-content.show{transform:translateY(0)}.bottom-sheet-handle{padding:12px 0 8px;display:flex;justify-content:center;cursor:grab;touch-action:none}.bottom-sheet-handle:active{cursor:grabbing}.handle-bar{width:40px;height:4px;background:#ddd;border-radius:2px}.bottom-sheet-header{padding:12px 16px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.btn-close-sheet{background:none;border:none;padding:4px;font-size:24px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center}.bottom-sheet-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;min-height:200px;max-height:calc(75vh - 180px);-webkit-overflow-scrolling:touch}.bottom-sheet-body::-webkit-scrollbar{width:4px}.bottom-sheet-body::-webkit-scrollbar-track{background:transparent}.bottom-sheet-body::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.comment-bubble{background:#f0f2f5;padding:10px 12px;border-radius:18px;display:block;max-width:100%;word-wrap:break-word}.comment-expand-btn{color:#65676b;cursor:pointer;font-size:13px;font-weight:600;display:inline-block;margin-top:4px;margin-left:12px;transition:color 0.2s}.comment-expand-btn:hover{color:#050505}.bottom-sheet-footer{padding:12px 16px;border-top:1px solid #e0e0e0;background:white;flex-shrink:0}body.bottom-sheet-open{overflow:hidden}@media (min-width: 768px){.bottom-sheet-overlay{display:none !important}}.hashtag-link{color:#188550 !important;text-decoration:none;font-weight:500;cursor:pointer;transition:all 0.2s ease}.hashtag-link:hover{text-decoration:underline;opacity:0.8}.mobile-filter-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);z-index:999;display:none;transition:background 0.3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-filter-overlay.show{display:block;background:rgba(0,0,0,0.5)}.mobile-filter-sheet{position:fixed;bottom:0;left:0;right:0;background:white;border-radius:20px 20px 0 0;max-height:80vh;transform:translateY(100%);transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);display:flex;flex-direction:column;box-shadow:0 -4px 20px rgba(0,0,0,0.15);z-index:1000;will-change:transform}.mobile-filter-sheet.show{transform:translateY(0)}.mobile-filter-header{padding:12px 0 8px;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid #e0e0e0;flex-shrink:0;background:white;border-radius:20px 20px 0 0}.handle-bar{width:40px;height:4px;background:#ddd;border-radius:2px;margin-bottom:8px;cursor:grab}.handle-bar:active{cursor:grabbing}.mobile-filter-body{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:20px}.mobile-filter-body::-webkit-scrollbar{width:4px}.mobile-filter-body::-webkit-scrollbar-track{background:transparent}.mobile-filter-body::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.mobile-filter-footer{padding:16px;border-top:1px solid #e0e0e0;background:white;flex-shrink:0;border-radius:0 0 20px 20px}@media (min-width: 768px){.mobile-filter-overlay,.mobile-filter-sheet{display:none !important}.d-md-none{display:none !important}}@media (max-width: 767.98px){.filter-destop{display:none !important}}.mobile-filter-btn{background:#28a745;color:white;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.15);border:none;transition:all 0.3s ease}.mobile-filter-btn:hover{background:#218838;transform:scale(1.05)}.mobile-filter-btn:active{transform:scale(0.95)}body.mobile-filter-open{overflow:hidden}@media (max-width: 576px){#createPostModal,#editPostContent .modal-dialog{margin:0;height:100vh;padding-top:60px}#createPostModal,#editPostContent .modal-content{height:100%;border-radius:0}.text-content{padding-top:50%}}.btn-favorites{transition:all 0.3s ease}.btn-favorites:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(255,156,57,0.4) !important;background:linear-gradient(135deg, #FF6B39 0%, #FF9C39 100%) !important}.btn-favorites:active{transform:translateY(0);box-shadow:0 2px 8px rgba(255,156,57,0.3) !important}.btn-favorites i{transition:transform 0.3s ease}.btn-favorites:hover i.fa-arrow-right{transform:translateX(4px)}.btn-favorites:hover i.fa-bookmark{transform:scale(1.1)}@media (max-width: 768px){.btn-favorites{font-size:13px;padding:10px}}.post-type-tag{z-index:5;animation:slideInLeft 0.4s ease}.post-type-tag .badge{transition:all 0.3s ease;cursor:default}.post-type-tag .badge:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,0.2)}.post-type-tag i{margin-right:4px}@keyframes slideInLeft{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.advance-post{padding-left:120px}@media (max-width: 768px){.post-type-tag{left:-4px !important}.post-type-tag .badge{font-size:10px;padding:3px 8px}.post-type-tag i{font-size:8px}.advance-post{padding-left:100px}}.custom-toast-notification{position:fixed;bottom:24px;right:24px;padding:14px 20px;border-radius:10px;color:white;font-size:14px;font-weight:600;box-shadow:0 4px 20px rgba(0,0,0,0.25);z-index:99999;opacity:0;transform:translateY(20px) scale(0.95);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);display:flex;align-items:center;min-width:280px;max-width:400px;backdrop-filter:blur(10px)}.custom-toast-notification.show{opacity:1;transform:translateY(0) scale(1)}.custom-toast-notification i{font-size:18px}.toast-success{background:linear-gradient(135deg, #28a745 0%, #20c997 100%);box-shadow:0 4px 20px rgba(40,167,69,0.4)}.toast-error{background:linear-gradient(135deg, #dc3545 0%, #c82333 100%);box-shadow:0 4px 20px rgba(220,53,69,0.4)}.toast-info{background:linear-gradient(135deg, #FF9C39 0%, #FF6B39 100%);box-shadow:0 4px 20px rgba(255,156,57,0.4)}@keyframes toastSlideIn{from{opacity:0;transform:translateY(20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSlideOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(0.95)}}@media (max-width: 768px){.custom-toast-notification{bottom:16px;right:16px;left:16px;min-width:auto;font-size:13px;padding:12px 16px}.custom-toast-notification i{font-size:16px}}.custom-toast-notification:nth-child(n+2){bottom:calc(24px + (60px * (var(--toast-index, 0))))}@media (max-width: 768px){.custom-toast-notification:nth-child(n+2){bottom:calc(16px + (56px * (var(--toast-index, 0))))}}