body.post-detail-active{background:#17191b;color:#e9edf2}
body.post-detail-active .layout{display:block;max-width:1450px;margin:0 auto;padding:18px 24px 42px}
body.post-detail-active .layout>.sidebar{display:none}
body.post-detail-active .modern-post-page{width:100%;max-width:none;min-width:0}
.modern-post-page a{color:inherit;text-decoration:none}
.preview-notice{margin-bottom:14px;padding:13px 16px;border:1px solid #285b91;border-radius:9px;background:#102b4a;color:#cce4ff}
.post-breadcrumb{display:flex;align-items:center;gap:8px;margin:4px 2px 12px;color:#7f90a9;font-size:13px;overflow:hidden;white-space:nowrap}
.post-breadcrumb>*{text-overflow:ellipsis;overflow:hidden}
.modern-post-layout{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:32px;align-items:start}
.modern-post-main{min-width:0}
.modern-post-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin:26px 2px 24px}
.modern-post-title h1{margin:0 0 10px;color:#f2f5f7;font-size:27px;line-height:1.25;text-transform:uppercase}
.modern-post-title p{margin:0;color:#9aa5b3;font-size:14px}
.modern-post-title p a,.profile-table .accent{color:#eb8149!important}
.post-rating{display:flex;align-items:center;gap:5px;color:#ffc400;white-space:nowrap;font-size:19px}
.post-rating small{color:#7f8998;font-size:13px;font-weight:400}
.modern-gallery{display:grid;grid-template-columns:225px minmax(0,1fr);gap:8px;height:485px;margin-bottom:22px}
.gallery-thumbs{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto;scrollbar-width:thin}
.gallery-thumb{display:block;position:relative;flex:0 0 156px;min-height:0;padding:0;border:0;border-radius:9px;overflow:hidden;background:#24272a;cursor:pointer}
.gallery-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .2s,opacity .2s}
.gallery-thumb:hover img,.gallery-thumb.active img{transform:scale(1.025)}
.gallery-thumb.active{outline:2px solid #df8654;outline-offset:-2px}
.gallery-main{position:relative;display:block;width:100%;height:100%;min-width:0;overflow:hidden;padding:0;border:0;border-radius:10px;background:#111315;color:inherit;text-align:left;cursor:zoom-in}
.gallery-main>img{width:100%;height:100%;object-fit:cover;display:block}
.gallery-main>span{position:absolute;right:12px;bottom:12px;padding:6px 10px;border-radius:999px;background:rgba(10,10,10,.78);color:#fff;font-size:12px}
.gallery-main:focus-visible{outline:3px solid #df8654;outline-offset:3px}
.gallery-lightbox[hidden]{display:none!important}
body.gallery-lightbox-open{overflow:hidden}
.gallery-lightbox{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:18px;overscroll-behavior:contain}
.gallery-lightbox-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:rgba(3,4,6,.94);cursor:pointer}
.gallery-lightbox>section{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1280px,100%);height:min(92vh,900px);overflow:hidden;border:1px solid #3b4147;border-radius:14px;background:#0b0d10;box-shadow:0 28px 90px rgba(0,0,0,.7)}
.gallery-lightbox>section>header{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:9px 14px;border-bottom:1px solid #30343a;background:#15181c;color:#dce2e9}
.gallery-lightbox>section>header span{font-weight:800}
.gallery-lightbox>section>header button{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #424850;border-radius:50%;background:#20242a;color:#fff;font-size:27px;line-height:1;cursor:pointer}
.gallery-lightbox-stage{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;min-height:0;touch-action:pan-y pinch-zoom}
.gallery-lightbox-stage figure{display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;justify-items:center;min-width:0;height:100%;margin:0;padding:12px 0}
.gallery-lightbox-stage figure img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;-webkit-user-drag:none}
.gallery-lightbox-stage figcaption{max-width:100%;padding:8px 12px 0;overflow:hidden;color:#aeb7c3;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.gallery-lightbox-nav{position:relative;z-index:2;display:grid;place-items:center;width:48px;height:58px;margin:auto;padding:0;border:1px solid #424850;border-radius:12px;background:rgba(28,31,36,.88);color:#fff;font-size:40px;line-height:1;cursor:pointer}
.gallery-lightbox-nav:hover,.gallery-lightbox-nav:focus-visible{border-color:#df8654;background:#32251f;outline:0}
.gallery-lightbox-nav[hidden]{display:none}
.modern-gallery-empty{display:grid;place-items:center;min-height:280px;margin-bottom:22px;border:1px dashed #41464d;border-radius:10px;color:#84909e}
.private-review-gallery{margin:0 0 22px;padding:16px 18px;border:1px dashed #e2ad00;border-radius:10px;background:#261f1d}
.private-review-gallery h2{margin:0 0 13px;color:#f1b900;font-size:14px}
.private-review-gallery>div{display:flex;gap:10px;overflow:auto}
.private-review-gallery a{position:relative;flex:0 0 136px;height:136px;border-radius:8px;overflow:hidden;background:#161819}
.private-review-gallery img{width:100%;height:100%;object-fit:cover}
.private-review-gallery a span{position:absolute;top:6px;right:6px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:rgba(8,8,8,.78);font-size:12px}
.private-review-gallery small{display:block;margin-top:10px;color:#8290a3}
.post-owner-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px;margin:0 0 12px;flex-wrap:wrap}
.post-owner-actions form{margin:0}
.post-owner-actions button,.post-owner-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 13px;border:1px solid #393e43;border-radius:7px;background:#1a1d1f;color:#e5eaf0;font:600 13px/1 inherit;cursor:pointer}
.post-owner-actions button:hover,.post-owner-actions a:hover{border-color:#dc8250;background:#25211f}
.post-owner-actions button:disabled{opacity:.45;cursor:not-allowed}
.detail-status{display:inline-block;margin-bottom:11px;padding:4px 12px;border-radius:999px;background:#103c24;color:#34d37a;font-size:12px}
.detail-status.paused{background:#403619;color:#f2bd4b}.detail-status.pending{background:#3d2d18;color:#ffab3c}.detail-status.rejected,.detail-status.expired{background:#411d23;color:#ff7d87}
.profile-table{border:1px solid #393d41;border-radius:12px;overflow:hidden;background:#191b1d}
.profile-table>div{display:grid;grid-template-columns:145px minmax(0,1fr);gap:16px;padding:11px 16px;border-bottom:1px solid #363a3e;font-size:14px}
.profile-table>div:last-child{border-bottom:0}
.profile-table span{color:#8190aa}.profile-table b{color:#e8edf1;font-weight:600;overflow-wrap:anywhere}
.detail-chips,.detail-tags,.detail-description{margin-top:14px}
.detail-chips h3,.detail-description h2{margin:0 0 10px;font-size:15px}
.detail-chips div,.detail-tags div{display:flex;gap:8px;flex-wrap:wrap}
.detail-chips span{padding:6px 11px;border:1px solid #694429;border-radius:999px;background:#2b211b;color:#e4965e;font-size:12px}
.detail-tags a{padding:6px 10px;border-radius:999px;background:#29313a;color:#e7eef7;font-size:12px}
.detail-description p{margin:0;color:#d8dde3;line-height:1.7;white-space:normal}
.public-post-actions{display:flex;gap:10px;align-items:flex-start;margin-top:22px;padding-top:16px;border-top:1px solid #363a3e}
.public-post-actions form{display:flex;gap:8px}.public-post-actions button,.public-post-actions summary{padding:8px 12px;border:1px solid #3b4045;border-radius:7px;background:#1d2022;color:#dce2e8;cursor:pointer}
.public-post-actions details form{margin-top:8px}.public-post-actions input{padding:9px;border:1px solid #3b4045;border-radius:7px;background:#151719;color:#fff}
.author-card{margin-top:76px;padding:18px;border:1px solid #393d41;border-radius:12px;background:#191b1d}
.author-head{display:flex;gap:12px;align-items:center}.author-avatar{width:47px;height:47px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#35251d;color:#e58a55;font-size:20px}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-head>div:last-child{display:grid;gap:4px}.author-head b{font-size:15px}.author-head a{color:#d8804d;font-size:12px}
.author-reputation{display:flex;justify-content:space-between;margin:15px 0 12px;padding-bottom:12px;border-bottom:1px solid #363a3e;color:#25c86d;font-size:12px}.author-card footer{display:flex;justify-content:space-between;gap:8px;color:#788699;font-size:11px}
.related-title{margin:18px 0 12px;font-size:15px}.related-list{display:grid;gap:10px}.related-list>a{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;padding:8px;border:1px solid #353a3e;border-radius:9px;background:#191b1d;transition:border-color .18s,transform .18s}.related-list>a:hover{border-color:#75513b;transform:translateY(-1px)}.related-list>a>div{height:58px;border-radius:6px;overflow:hidden;background:#272b2e;display:grid;place-items:center}.related-list img{width:100%;height:100%;object-fit:cover}.related-list p{display:grid;align-content:center;gap:4px;margin:0;min-width:0}.related-list b{font-size:12px;line-height:1.28;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-list strong{color:#ec7e42;font-size:12px}.no-related{color:#7f8995;font-size:13px}
.modern-comments{width:calc(100% - 397px);margin-top:34px;padding:18px;border:1px solid #393d41;border-radius:12px;background:#191b1d}.modern-comments h2{margin:0 0 16px;font-size:16px}.modern-comments form{display:grid;gap:10px}.modern-comments textarea{min-height:80px;padding:12px;border:1px solid #3d4247;border-radius:7px;background:#17191b;color:#e8edf2;resize:vertical}.modern-comments button{justify-self:start;padding:9px 14px;border:0;border-radius:6px;background:#d78251;color:#17191b;font-weight:700}.modern-comments article{margin-top:16px;padding-top:14px;border-top:1px solid #34383c}.modern-comments article small{margin-left:8px;color:#778493}.modern-comments article p{margin:7px 0 0;line-height:1.55}
@media(max-width:1050px){.modern-post-layout{grid-template-columns:1fr}.modern-post-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.author-card{margin-top:0}.related-title{grid-column:2;margin:0;align-self:end}.related-list{grid-column:2}.modern-comments{width:auto}.modern-gallery{height:430px}}
@media(max-width:720px){body.post-detail-active .layout{padding:12px}.modern-post-title{display:block;margin:16px 0}.modern-post-title h1{font-size:21px}.post-rating{margin-top:12px}.modern-gallery{display:flex;flex-direction:column-reverse;height:auto}.gallery-main{height:390px}.gallery-thumbs{display:flex;height:76px;overflow:auto}.gallery-thumb,.gallery-thumb:nth-child(n){display:block;flex:0 0 76px}.post-owner-actions{justify-content:flex-start}.post-owner-actions button,.post-owner-actions a{flex:1}.profile-table>div{grid-template-columns:112px minmax(0,1fr);padding:10px 12px}.modern-post-aside{display:block}.author-card{margin-top:22px}.related-title{margin-top:18px}.modern-comments{margin-top:24px}.author-card footer{flex-direction:column}.private-review-gallery{padding:13px}.gallery-lightbox{padding:0}.gallery-lightbox>section{width:100%;height:100dvh;border:0;border-radius:0}.gallery-lightbox>section>header{padding-top:max(9px,env(safe-area-inset-top));padding-right:max(12px,env(safe-area-inset-right));padding-left:max(12px,env(safe-area-inset-left))}.gallery-lightbox-stage{grid-template-columns:46px minmax(0,1fr) 46px;padding-bottom:env(safe-area-inset-bottom)}.gallery-lightbox-stage figure{padding:8px 0}.gallery-lightbox-nav{width:40px;height:52px;border-radius:10px;font-size:34px}}
@media(max-width:430px){.gallery-main{height:330px}.modern-post-title h1{font-size:19px}.profile-table>div{grid-template-columns:98px minmax(0,1fr);font-size:13px}.post-owner-actions>*{min-width:calc(50% - 5px)}.post-owner-actions form button{width:100%}}

/* Đánh giá, phản ứng, nhắn tin và bình luận */
.interaction-notice,.interaction-error{margin-bottom:14px;padding:11px 14px;border-radius:8px;font-size:13px}.interaction-notice{border:1px solid #256b47;background:#153827;color:#a8e8c2}.interaction-error{border:1px solid #83414a;background:#421f25;color:#ffc2c8}
.post-title-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.write-review-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 13px;border:1px solid #3b4147;border-radius:7px;background:#1a1d1f;color:#e8edf2!important;font:600 13px/1 inherit;cursor:pointer}.write-review-button:hover{border-color:#dc8250}.write-review-button:disabled{opacity:.45;cursor:not-allowed}
.author-head>div:last-child span{color:#8591a1;font-size:12px}.author-head>div:last-child span a{color:#df814d}.author-reputation{align-items:center}.author-reputation .like-summary{color:#20d06b}.author-reputation .dislike-summary{color:#ff4e58}.author-reputation b{margin-left:auto;color:#21d36d}
.reaction-buttons{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 11px!important}.reaction-buttons button,.reaction-buttons a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 10px;border:1px solid #4cbb78;border-radius:7px;background:transparent;color:#36db78;font:600 12px/1 inherit;cursor:pointer}.reaction-buttons .dislike{border-color:#d27379;color:#ff5b64}.reaction-buttons button.active{background:#153c27;box-shadow:inset 0 0 0 1px #39d77c}.reaction-buttons button.dislike.active{background:#451f24;box-shadow:inset 0 0 0 1px #ff6069}.reaction-buttons.disabled{opacity:.48}.reaction-buttons button:disabled{cursor:not-allowed}
.message-author{display:flex;align-items:center;justify-content:center;min-height:36px;margin-bottom:12px;border-radius:7px;background:#d88451;color:#17191b!important;font-size:13px;font-weight:700}.message-author:hover{background:#e99763}.message-author.disabled{opacity:.55;cursor:not-allowed}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-heading h2{margin:0;font-size:16px}.section-heading>strong{color:#ffc400}.post-reviews{margin-top:28px;padding:18px;border:1px solid #393d41;border-radius:12px;background:#191b1d}.post-reviews article,.comment-list article{display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;margin-top:16px;padding-top:15px;border-top:1px solid #34383c}.interaction-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#35251d;color:#e68a54;font-weight:800}.interaction-avatar img{width:100%;height:100%;object-fit:cover}.post-reviews article header,.comment-list article header{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.post-reviews article header strong{color:#ffc400;font-size:12px}.post-reviews article header small,.comment-list article header small{color:#7f8b99;font-size:11px}.post-reviews article p,.comment-list article p{margin:7px 0 0;color:#d9dfe5;line-height:1.55}.empty-interaction{margin:16px 0 0;color:#7f8a98;font-size:13px}
.modern-comments{padding:18px 18px 20px}.modern-comments>h2{display:flex;align-items:center;gap:7px}.comment-compose{margin-top:12px}.comment-compose textarea{width:100%;box-sizing:border-box;min-height:80px}.comment-compose-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.comment-compose-actions>button[name=comment_submit],.comment-compose-actions>a{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border:0;border-radius:6px;background:#a9643f;color:#17191b;font-weight:700;text-decoration:none}.comment-camera{display:inline-flex!important;align-items:center;justify-content:center;min-width:38px;min-height:34px;padding:0!important;border:1px solid #41474d!important;border-radius:7px!important;background:#1a1d1f!important;color:#aeb9c7!important;cursor:pointer}.comment-camera input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.comment-camera [data-comment-file]{max-width:220px;margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.comment-compose-actions small{color:#8a96a5}.comment-compose.is-disabled{opacity:.7}.comment-compose.is-disabled textarea{cursor:not-allowed}.comment-list{margin-top:7px}.comment-image{display:block;max-width:280px;margin-top:10px}.comment-image img{display:block;width:100%;max-height:280px;object-fit:cover;border-radius:8px;border:1px solid #3b4146}.comment-delete-form{margin-left:auto}.comment-delete-form button{min-height:26px;padding:3px 9px;border:1px solid #7d3232;border-radius:6px;background:#321919;color:#ffaaaa;font-size:11px}.comment-delete-form button:hover{background:#4a2020}
.review-modal[hidden]{display:none!important}.review-modal{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:18px}.review-modal-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(0,0,0,.72);cursor:pointer}.review-modal>section{position:relative;width:min(560px,100%);max-height:90vh;overflow:auto;border:1px solid #3b4147;border-radius:12px;background:#1a1d1f;box-shadow:0 24px 70px rgba(0,0,0,.55)}.review-modal>section>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:1px solid #353a3f}.review-modal h2{margin:0 0 5px;font-size:20px}.review-modal header p{margin:0;color:#8d98a6;font-size:13px}.review-modal header button{width:34px;height:34px;border:0;background:transparent;color:#dfe5eb;font-size:25px;cursor:pointer}.review-modal form{padding:20px}.rating-picker>span,.review-text-label{display:block;margin-bottom:9px;color:#dce2e8;font-weight:700;font-size:13px}.rating-picker>div{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin-bottom:18px}.rating-picker label{cursor:pointer}.rating-picker input{position:absolute;opacity:0}.rating-picker label span{display:grid;place-items:center;height:38px;border:1px solid #3f454b;border-radius:7px;background:#151719;color:#aeb8c4;font-size:12px}.rating-picker label:hover span,.rating-picker label.selected span{border-color:#e29658;background:#3e2b1f;color:#ffd2ad}.review-text-label textarea{display:block;width:100%;min-height:110px;margin-top:8px;padding:11px;box-sizing:border-box;border:1px solid #40464c;border-radius:8px;background:#141618;color:#eef2f5;resize:vertical;font:inherit}.submit-review{width:100%;min-height:42px;border:0;border-radius:7px;background:#d88451;color:#17191b;font-weight:800;cursor:pointer}
@media(max-width:1050px){.post-title-actions{justify-content:flex-start}.author-card{margin-top:0}}
@media(max-width:720px){.post-title-actions{margin-top:12px;justify-content:space-between}.post-rating{margin-top:0}.write-review-button{flex:1}.rating-picker>div{grid-template-columns:repeat(5,1fr)}.reaction-buttons{grid-template-columns:1fr 1fr}.modern-comments{padding:15px}.comment-camera [data-comment-file]{max-width:135px}}
.modern-videos{margin-top:18px;padding:16px;border:1px solid #393d41;border-radius:12px;background:#151719}.modern-videos h2{margin:0 0 12px;font-size:17px}.modern-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.modern-video-grid figure{margin:0}.modern-video-frame{position:relative;overflow:hidden;border-radius:10px;background:#050608}.modern-video-frame video{width:100%;max-height:680px;background:#050608}.video-display-watermark{position:absolute;right:18px;bottom:52px;pointer-events:none;color:rgba(225,225,225,.48);font:italic 700 24px/1 "Segoe Script","Segoe Print",cursive;text-shadow:1px 1px 2px rgba(0,0,0,.45)}.modern-video-grid figcaption{padding:7px 2px 0;color:#9099a5;font-size:12px}