.post-text{white-space:pre-wrap;overflow-wrap:anywhere}.post-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:12px 0}.post-media img,.post-media video{width:100%;max-height:460px;object-fit:contain;border-radius:12px;background:#15171a}.post-statistics{display:flex;gap:20px;color:var(--muted);font-size:13px;margin:18px 0}.comments p{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}.comments small{color:var(--muted);font-size:11px}.social-comment{margin-top:15px}.upload-widgets{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.upload-widget{border:1px dashed #776944;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.upload-widget input{max-width:100%;font-size:12px}.upload-widget small{color:var(--muted)}.composer-text{width:100%;min-height:140px;margin-top:14px}.main-option{display:flex;align-items:center;gap:10px;margin:18px 0}.main-option input{width:18px;height:18px;flex-shrink:0}.composer-actions{display:flex;flex-wrap:wrap;gap:10px}#post-form>label:first-child{display:flex;flex-direction:column;gap:8px}.share-dialog{margin:6vh auto auto}.share-networks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.share-networks a{padding:12px;border:1px solid var(--line,#383a3e);border-radius:10px;text-decoration:none;color:inherit;text-align:center}.share-networks button{grid-column:1/-1}.share-panel>button{margin:6px 8px 6px 0}.share-url{width:100%;font-size:12px}.sign-in{display:inline-block;text-decoration:none;margin:10px 0}#real-chat-form{display:flex;flex-direction:column;gap:12px;margin-top:25px}#real-chat-form textarea{min-height:100px}@media(max-width:600px){.upload-widgets{grid-template-columns:1fr}.social-comment{flex-wrap:wrap}.share-dialog{margin:3vh auto auto}.post-media{grid-template-columns:1fr}}
.composer-page{max-width:900px;margin:0 auto}.composer-page>h1{margin-top:24px}.composer-author{margin-bottom:20px}.composer-author .avatar{width:52px;height:52px;object-fit:cover}.main-option[hidden]{display:none}.post-visual{position:relative;isolation:isolate}.photo-comments{position:absolute;left:14px;right:14px;bottom:14px;max-height:42%;overflow-y:auto;padding:8px 14px;background:linear-gradient(135deg,rgba(10,13,17,.88),rgba(10,13,17,.7));border:1px solid rgba(255,255,255,.18);border-radius:12px;color:white;z-index:1;backdrop-filter:blur(6px)}.photo-comments:empty{display:none}.photo-comments .comments{margin:5px 0;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.12)}.photo-comments .comments:last-child{border-bottom:0}.photo-comments .comments small{color:#d5d8dc}.photo-comments .comments p{margin:5px 0;font-size:14px;line-height:1.4}.post-visual:has(video) .photo-comments{bottom:60px}.post-visual .post-media{min-height:0}.post-head .avatar{object-fit:cover}.composer-page .mode-tabs{margin-bottom:20px}.stories img{object-fit:cover}
.story-engagement{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0 4px;flex-wrap:wrap}.story-engagement button{min-width:160px}.story-engagement button.liked-list{color:#ffd36a;border-color:#c3a45b;background:rgba(255,211,106,.08)}
.comments.comment-row{display:grid;grid-template-columns:minmax(0,1fr) auto 36px;grid-template-rows:auto auto;column-gap:12px;row-gap:3px;align-items:center;text-align:right}.comments.comment-row .comment-body{grid-column:1;grid-row:1/3;margin:0;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}.comment-name{grid-column:2;grid-row:1;font-size:14px;max-width:130px;overflow-wrap:anywhere}.comment-avatar{grid-column:3;grid-row:1;width:36px;height:36px;min-width:36px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:14px}.comment-time{grid-column:2/4;grid-row:2;color:#c1c6cd;font-size:10px;line-height:1.5;white-space:nowrap}.photo-comments{left:auto;right:14px;width:min(560px,calc(100% - 28px));box-sizing:border-box}.photo-comments .comments.comment-row .comment-body{margin:0}.photo-comments .comments.comment-row{padding:7px 0}@media(max-width:480px){.comments.comment-row{grid-template-columns:minmax(0,1fr) auto 30px;column-gap:8px}.comment-avatar{width:30px;height:30px;min-width:30px}.comment-name{max-width:80px;font-size:12px}.comment-time{font-size:9px}.photo-comments{padding:7px 10px}.photo-comments .comments.comment-row .comment-body{font-size:12px}}

.photo-comments{background:rgba(10,13,17,.4);backdrop-filter:blur(3px);padding:12px 20px}.photo-comments .comments.comment-row{background:transparent}.photo-comments .comment-body{padding-left:10px!important;padding-right:10px;text-align:left}.photo-comments.comments-expired{display:none}.all-post-comments{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}.all-post-comments[hidden]{display:none}.all-post-comments summary{cursor:pointer;color:var(--gold);font-size:13px;list-style:none}.all-post-comments summary:hover{text-decoration:underline}.all-comment-list{max-height:360px;overflow-y:auto;padding:12px 4px}.all-comment-list .comment-body{padding:0 10px;text-align:left}@media(max-width:480px){.photo-comments{padding:10px 14px}}

.post .card-actions button[data-social],.story-engagement button[data-social="like"]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:9px 12px}.post .card-actions button[data-social] svg,.story-engagement button[data-social="like"] svg{width:24px;height:24px;flex-shrink:0;fill:none;stroke-width:1.7}.post .card-actions button.liked-list,.story-engagement button.liked-list{color:#f7c95d}.reaction-count{font-size:12px;line-height:1}.post .card-actions{gap:12px}

.post .card-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line,#343a40);padding-top:12px}.post .card-actions button[data-social]{width:62px;min-width:62px;min-height:36px;height:36px;padding:8px;gap:6px;border:1px solid var(--line,#343a40);border-radius:8px;background:var(--panel,#202a30);color:inherit}.post .card-actions button[data-social] svg{width:18px;height:18px;fill:none}.post .card-actions button[data-social].liked-list{color:#f7c95d}.post .card-actions button[data-social]:hover{border-color:var(--gold,#f7c95d)}.post .card-actions button[data-social]:focus-visible{outline:2px solid var(--gold,#f7c95d);outline-offset:3px}.reaction-comment-count{font-size:11px}.reaction-count{font-size:11px}
.post-author-badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:6px;background:#f7c95d1a;color:#f7c95d;font-size:11px;font-weight:600;vertical-align:middle}