/* QISAS-PROFESSIONAL-COMPOSER-DESIGN-V3-20260722 */
.community-composer-v3{
  --composer-brand:#a64327;
  --composer-brand-dark:#762914;
  --composer-accent:#e29a3d;
  --composer-ink:#2b1912;
  --composer-muted:#806d63;
  --composer-line:#eadbd1;
  --composer-soft:#faf6f2;
  position:relative!important;
  gap:0!important;
  padding:0!important;
  border:1px solid var(--composer-line)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 14px 40px rgba(57,29,18,.08)!important;
  overflow:visible!important;
}

.community-composer-v3 .community-composer-head{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  padding:18px 20px 13px!important;
}
.community-composer-v3 .community-composer-head img{width:45px!important;height:45px!important;border:2px solid #fff!important;border-radius:50%!important;object-fit:cover!important;box-shadow:0 0 0 1px var(--composer-line)!important}
.community-composer-v3 .community-composer-head strong{display:block!important;color:var(--composer-ink)!important;font-size:15px!important}
.community-composer-v3 .community-composer-head small{display:flex!important;align-items:center!important;gap:5px!important;margin-top:2px!important;color:var(--composer-muted)!important;font-size:11px!important}
.composer-draft-dot{width:6px!important;height:6px!important;border-radius:50%!important;background:#b9aa9e!important}
.community-composer-v3.has-draft .composer-draft-dot{background:#3a9b6a!important;box-shadow:0 0 0 3px rgba(58,155,106,.12)!important}

.community-composer-types{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:5px!important;
  margin:0 20px 12px!important;
  padding:4px!important;
  border-radius:13px!important;
  background:#f5efea!important;
}
.community-composer-types button{
  min-height:41px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:10px!important;
  color:#6c554a!important;
  background:transparent!important;
  font-family:inherit!important;
  font-size:13px!important;
  font-weight:800!important;
  cursor:pointer!important;
  transition:.18s ease!important;
}
.community-composer-types button:hover{background:rgba(255,255,255,.65)!important}
.community-composer-types button.active{color:#fff!important;background:linear-gradient(135deg,var(--composer-brand-dark),var(--composer-brand))!important;box-shadow:0 6px 16px rgba(130,49,25,.2)!important}

.community-composer-editor{margin:0 20px!important;border:1px solid var(--composer-line)!important;border-radius:16px!important;background:#fcfaf8!important;overflow:hidden!important;transition:.18s ease!important}
.community-composer-editor:focus-within{border-color:#d88e55!important;box-shadow:0 0 0 4px rgba(226,154,61,.12)!important;background:#fff!important}
.community-composer-v3 textarea[name="body"]{
  display:block!important;
  width:100%!important;
  min-height:116px!important;
  max-height:480px!important;
  padding:17px 18px 8px!important;
  border:0!important;
  outline:0!important;
  resize:none!important;
  color:var(--composer-ink)!important;
  background:transparent!important;
  font-family:inherit!important;
  font-size:16px!important;
  line-height:1.8!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
  tab-size:4!important;
}
.community-composer-v3 textarea[name="body"]::placeholder{color:#9a8b83!important}
.community-composer-suggestions{display:flex!important;align-items:center!important;gap:5px!important;padding:0 12px 11px!important;overflow:auto!important;scrollbar-width:none!important}
.community-composer-suggestions::-webkit-scrollbar{display:none!important}
.community-composer-suggestions button{flex:0 0 auto!important;min-height:28px!important;padding:0 9px!important;border:1px solid #eaded6!important;border-radius:999px!important;color:#8a5b47!important;background:#fff!important;font-family:inherit!important;font-size:10px!important;cursor:pointer!important}
.community-composer-suggestions button:hover{border-color:#dca06f!important;color:var(--composer-brand)!important;background:#fff8f2!important}

.community-composer-tools{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important;margin:13px 20px!important}
.community-composer-tools button{display:grid!important;grid-template-columns:auto 1fr!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:7px!important;min-height:54px!important;padding:8px 10px!important;border:1px solid var(--composer-line)!important;border-radius:13px!important;color:#644c41!important;background:#fff!important;text-align:right!important;font-family:inherit!important;cursor:pointer!important;transition:.16s ease!important}
.community-composer-tools button>span{grid-row:1/3!important;font-size:21px!important}
.community-composer-tools button b{font-size:12px!important}
.community-composer-tools button small{color:#9a887e!important;font-size:9px!important}
.community-composer-tools button:hover,.community-composer-tools button.active{border-color:#d99764!important;color:var(--composer-brand)!important;background:#fff7f0!important;transform:translateY(-1px)!important}

.community-composer-panel{margin:0 20px 13px!important;padding:14px!important;border:1px solid var(--composer-line)!important;border-radius:15px!important;background:var(--composer-soft)!important;animation:composerPanelIn .18s ease-out!important}
.community-composer-panel[hidden]{display:none!important}
@keyframes composerPanelIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}

.community-emoji-grid{display:grid!important;grid-template-columns:repeat(12,1fr)!important;gap:4px!important}
.community-emoji-grid button{aspect-ratio:1!important;padding:0!important;border:0!important;border-radius:9px!important;background:#fff!important;font-size:21px!important;cursor:pointer!important;transition:.14s ease!important}
.community-emoji-grid button:hover,.community-emoji-grid button:focus-visible{background:#ffeadb!important;transform:scale(1.15)!important}

.community-media-dropzone{min-height:110px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:16px!important;border:2px dashed #dfb894!important;border-radius:13px!important;color:#71584c!important;background:#fff!important;text-align:center!important;cursor:pointer!important;transition:.17s ease!important}
.community-media-dropzone:hover,.community-media-dropzone.is-dragging{border-color:var(--composer-brand)!important;background:#fff5ec!important;box-shadow:inset 0 0 0 2px rgba(166,67,39,.05)!important}
.community-media-dropzone input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.community-media-dropzone>span{font-size:25px!important;color:var(--composer-brand)!important}
.community-media-dropzone b{font-size:13px!important}.community-media-dropzone small{color:#9c887d!important;font-size:10px!important}
.community-media-preview-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:7px!important;margin-top:9px!important}
.community-media-preview-grid:empty{display:none!important}
.community-media-preview-grid figure{position:relative!important;aspect-ratio:1!important;margin:0!important;border-radius:11px!important;overflow:hidden!important;background:#eadfd8!important}
.community-media-preview-grid img{width:100%!important;height:100%!important;object-fit:cover!important}
.community-media-preview-grid button{position:absolute!important;top:6px!important;left:6px!important;width:27px!important;height:27px!important;padding:0!important;border:0!important;border-radius:50%!important;color:#fff!important;background:rgba(36,19,13,.78)!important;font-size:18px!important;line-height:1!important;cursor:pointer!important}

.community-poll-builder>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:10px!important}
.community-poll-builder>header div{display:grid!important;gap:2px!important}.community-poll-builder>header b{color:var(--composer-ink)!important;font-size:13px!important}.community-poll-builder>header small{color:var(--composer-muted)!important;font-size:10px!important}
.community-poll-builder>header button{width:29px!important;height:29px!important;padding:0!important;border:0!important;border-radius:50%!important;color:#7d5d4e!important;background:#eee2da!important;font-size:18px!important;cursor:pointer!important}
.community-poll-builder>input{width:100%!important;min-height:44px!important;margin-bottom:8px!important;padding:0 13px!important;border:1px solid #e7d9d0!important;border-radius:11px!important;background:#fff!important;font-family:inherit!important}
.community-poll-builder-options{display:grid!important;gap:7px!important}
.community-poll-builder-options label{display:grid!important;grid-template-columns:31px minmax(0,1fr) auto!important;align-items:center!important;border:1px solid #e7d9d0!important;border-radius:11px!important;background:#fff!important;overflow:hidden!important}
.community-poll-builder-options label>span{display:grid!important;place-items:center!important;height:100%!important;color:#9b694f!important;background:#f5ebe4!important;font-weight:900!important}
.community-poll-builder-options input{min-height:44px!important;padding:0 12px!important;border:0!important;outline:0!important;background:transparent!important;font-family:inherit!important}
.community-poll-builder-options button{width:32px!important;height:32px!important;margin-inline-end:5px!important;border:0!important;border-radius:50%!important;color:#9b4026!important;background:#f9e6dc!important;font-size:17px!important;cursor:pointer!important}
.community-poll-builder>footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-top:10px!important}
.community-poll-builder>footer>button{min-height:36px!important;padding:0 11px!important;border:1px solid #ddc5b6!important;border-radius:10px!important;color:var(--composer-brand)!important;background:#fff!important;font-family:inherit!important;font-size:11px!important;font-weight:800!important;cursor:pointer!important}
.community-poll-builder>footer label{display:flex!important;align-items:center!important;gap:7px!important;color:#725b50!important;font-size:10px!important}.community-poll-builder>footer select{min-height:35px!important;border:1px solid #ddcfc5!important;border-radius:9px!important;background:#fff!important;font-family:inherit!important}

.community-composer-settings{display:flex!important;align-items:center!important;gap:8px!important;margin:0 20px 13px!important}
.community-composer-v3 .community-visibility-select,.community-comments-setting{min-height:38px!important;display:flex!important;align-items:center!important;gap:7px!important;padding:0 10px!important;border:1px solid var(--composer-line)!important;border-radius:11px!important;color:#684f43!important;background:#fff!important;font-size:11px!important;font-weight:700!important}
.community-composer-v3 .community-visibility-select select{border:0!important;outline:0!important;background:transparent!important;font-family:inherit!important;font-size:11px!important;font-weight:700!important}
.community-comments-setting{cursor:pointer!important}.community-comments-setting input{accent-color:var(--composer-brand)!important}

.community-composer-v3 .community-composer-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:13px 20px 17px!important;border-top:1px solid #efe5df!important}
.community-composer-v3 .community-composer-toolbar>div{display:flex!important;align-items:center!important;gap:8px!important}.community-composer-count{direction:ltr!important;color:#8d7b71!important;font-size:10px!important}.community-composer-count.is-warning{color:#b86926!important}.community-composer-count.is-limit{color:#bc3125!important;font-weight:900!important}
.community-clear-draft{padding:0!important;border:0!important;color:#9a6c58!important;background:transparent!important;font-family:inherit!important;font-size:10px!important;text-decoration:underline!important;cursor:pointer!important}
.community-composer-v3 .community-publish-button{min-width:126px!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border-radius:12px!important;background:linear-gradient(135deg,var(--composer-brand-dark),var(--composer-brand))!important;box-shadow:0 8px 18px rgba(133,47,23,.18)!important}
.community-composer-v3 .community-publish-button[aria-busy="true"]{opacity:.65!important;cursor:wait!important}

.community-post-type{width:max-content!important;display:inline-flex!important;align-items:center!important;gap:4px!important;margin:12px 18px 0!important;padding:5px 9px!important;border:1px solid #e8d7cc!important;border-radius:999px!important;color:#88543e!important;background:#fff8f2!important;font-size:10px!important;font-weight:900!important}
.community-post-type-question{color:#28648a!important;background:#f1f8fc!important;border-color:#d4e7f2!important}.community-post-type-confession{color:#86354f!important;background:#fff3f7!important;border-color:#f0d4de!important}

.community-post-gallery{display:grid!important;gap:3px!important;margin:0!important;max-height:620px!important;overflow:hidden!important;background:#2d1b14!important}
.community-post-gallery a{display:block!important;min-width:0!important;min-height:0!important;overflow:hidden!important;background:#2c1d17!important}
.community-post-gallery img{display:block!important;width:100%!important;height:100%!important;min-height:260px!important;max-height:620px!important;object-fit:cover!important;transition:transform .2s ease!important}.community-post-gallery a:hover img{transform:scale(1.015)!important}
.community-post-gallery.gallery-count-2{grid-template-columns:repeat(2,1fr)!important}.community-post-gallery.gallery-count-3,.community-post-gallery.gallery-count-4{grid-template-columns:repeat(2,1fr)!important;grid-template-rows:repeat(2,260px)!important}.community-post-gallery.gallery-count-3 a:first-child{grid-row:1/3!important}.community-post-gallery.gallery-count-3 img,.community-post-gallery.gallery-count-4 img{min-height:100%!important}

.community-post-poll{margin:14px 18px!important;padding:14px!important;border:1px solid #eadbd1!important;border-radius:15px!important;background:#fcfaf8!important}.community-post-poll h3{margin:0 0 10px!important;color:#302019!important;font-size:15px!important}.community-poll-options{display:grid!important;gap:7px!important}.community-poll-option{position:relative!important;min-height:43px!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:8px!important;padding:0 12px!important;border:1px solid #e5d6cc!important;border-radius:11px!important;background:#fff!important;overflow:hidden!important;cursor:pointer!important}.community-poll-option input{position:relative!important;z-index:2!important;accent-color:var(--composer-brand)!important}.community-poll-option b,.community-poll-option small{position:relative!important;z-index:2!important}.community-poll-option b{font-size:12px!important}.community-poll-option small{direction:ltr!important;color:#806b60!important;font-size:10px!important}.community-poll-option.selected{border-color:#ce8058!important;color:#8b381f!important}.community-poll-progress{position:absolute!important;z-index:1!important;inset:0 auto 0 0!important;background:linear-gradient(90deg,#f8ded0,#fff1e7)!important;transition:width .3s ease!important}.community-post-poll footer{display:flex!important;align-items:center!important;gap:6px!important;margin-top:9px!important;color:#8a776d!important;font-size:10px!important}.community-poll-form.is-loading{opacity:.65!important;pointer-events:none!important}

.community-comments-disabled{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:0 8px!important;color:#89766c!important;font-size:11px!important}.community-comments-closed-note{margin:10px 16px!important;padding:9px 12px!important;border-radius:10px!important;color:#836d61!important;background:#f4efeb!important;text-align:center!important;font-size:11px!important}

.community-composer-toast{position:fixed!important;z-index:99999!important;left:50%!important;bottom:26px!important;max-width:min(420px,calc(100% - 28px))!important;padding:12px 17px!important;border-radius:12px!important;color:#fff!important;background:#32221b!important;box-shadow:0 12px 35px rgba(31,16,11,.25)!important;font-size:12px!important;font-weight:800!important;opacity:0!important;transform:translate(-50%,12px)!important;transition:.22s ease!important}.community-composer-toast.show{opacity:1!important;transform:translate(-50%,0)!important}.community-composer-toast.success{background:#267653!important}.community-composer-toast.error{background:#a43a2c!important}

@media(max-width:720px){
  .community-composer-v3{border-radius:18px!important}
  .community-composer-v3 .community-composer-head{padding:15px 14px 11px!important}
  .community-composer-types,.community-composer-editor,.community-composer-tools,.community-composer-panel,.community-composer-settings{margin-inline:13px!important}
  .community-composer-types button{padding:0 5px!important;font-size:11px!important}
  .community-composer-tools{grid-template-columns:repeat(2,1fr)!important}
  .community-emoji-grid{grid-template-columns:repeat(8,1fr)!important}
  .community-media-preview-grid{grid-template-columns:repeat(2,1fr)!important}
  .community-composer-settings{align-items:stretch!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  .community-composer-v3 .community-visibility-select,.community-comments-setting{justify-content:center!important;padding-inline:6px!important;font-size:10px!important}
  .community-composer-v3 .community-composer-toolbar{padding:12px 14px 15px!important}.community-composer-v3 .community-publish-button{min-width:110px!important}
  .community-post-gallery.gallery-count-3,.community-post-gallery.gallery-count-4{grid-template-rows:repeat(2,180px)!important}.community-post-gallery img{min-height:220px!important}
}

@media(max-width:420px){
  .community-emoji-grid{grid-template-columns:repeat(6,1fr)!important}
  .community-poll-builder>footer{align-items:flex-start!important;flex-direction:column!important}
  .community-composer-v3 .community-composer-toolbar{align-items:stretch!important;flex-direction:column-reverse!important}.community-composer-v3 .community-publish-button{width:100%!important}
}