/* hs-koyu-tema */
/* Hadi Sende Topluluk – minimalist akış */
.cm-page { background: var(--kart,#343739)}
.cm-main { padding-bottom: calc(var(--g-tab-h, 56px) + 96px + env(safe-area-inset-bottom, 0px))}
.cm-wrap { max-width: 640px; margin: 0 auto; padding: 0 16px}

/* ---- akış ---- */
.cm-feed { padding-top: 6px}
.cm-post { display: grid; grid-template-columns: 36px minmax(0, 1fr); column-gap: 10px; padding: 12px 0 8px; border-bottom: 1px solid var(--g-line)}
.cm-post.is-new { animation: cmIn .5s var(--g-ease) backwards}
@keyframes cmIn { from { opacity: 0; transform: translateY(-8px)} to { opacity: 1; transform: none} }
.cm-av { width: 36px; height: 36px; border-radius: 50%; flex: none; display: grid; place-items: center; background: var(--g-blue); color: var(--vurgu-ustu,#202124); font: 700 12.5px/1 var(--g-head); overflow: hidden; user-select: none}
.cm-av img { width: 100%; height: 100%; object-fit: cover; display: block}
.cm-av--sm { width: 30px; height: 30px; font-size: 11px}
.cm-av--lg { width: 52px; height: 52px; font-size: 17px}
.cm-who { display: flex; align-items: baseline; gap: 8px; min-width: 0}
.cm-who b { font: 600 14px/1.3 var(--g-body); color: var(--g-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.cm-who time { font: 400 12px/1.3 var(--g-body); color: var(--yazi-3,#a2a3aa); flex: none}
.cm-text { margin: 2px 0 0; font: 400 14.5px/1.5 var(--g-body); color: var(--g-ink); white-space: pre-wrap; overflow-wrap: anywhere}
.cm-q { margin: 2px 0 0; font: 600 15px/1.4 var(--g-body); color: var(--g-ink); overflow-wrap: anywhere}

/* ---- anket ---- */
.cm-poll { margin-top: 8px; display: grid; gap: 6px}
.cm-opt { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 38px; padding: 0 12px; border-radius: 10px; border: 1px solid var(--g-line); background: var(--kart,#343739); color: var(--g-ink); font: 500 13.5px/1.3 var(--g-body); text-align: left; cursor: pointer; overflow: hidden; -webkit-tap-highlight-color: transparent; transition: border-color .2s ease, background .2s ease}
.cm-opt:hover { border-color: var(--vurgu-orta,#5c7096)}
.cm-opt i { position: absolute; inset: 0 auto 0 0; width: 0; background: var(--g-tint); transition: width .6s var(--g-ease)}
.cm-opt span, .cm-opt em { position: relative}
.cm-opt span { display: inline-flex; align-items: center; gap: 8px; min-width: 0; overflow-wrap: anywhere}
.cm-opt em { font: 600 13.5px/1 var(--g-body); font-style: normal; color: var(--g-mute); flex: none}
.cm-opt.is-mine { border-color: var(--g-blue)}
.cm-opt.is-mine i { background: var(--vurgu-acik,#2e3c54)}
.cm-opt.is-mine em { color: var(--g-blue-d)}
.cm-opt svg { width: 16px; height: 16px; stroke: var(--g-blue); fill: none; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; flex: none}
.cm-poll.is-done .cm-opt { cursor: default}
.cm-poll.is-done .cm-opt:hover { border-color: var(--g-line)}
.cm-poll.is-done .cm-opt.is-mine:hover { border-color: var(--g-blue)}
.cm-poll__n { font: 400 12.5px/1 var(--g-body); color: var(--yazi-3,#a2a3aa); margin-top: 2px}

/* ---- eylemler ---- */
.cm-act { display: flex; align-items: center; gap: 2px; margin: 4px 0 0 -8px}
.cm-btn { display: inline-flex; align-items: center; gap: 5px; height: 30px; padding: 0 9px; border: 0; border-radius: 999px; background: none; color: var(--g-mute); font: 500 12.5px/1 var(--g-body); cursor: pointer; -webkit-tap-highlight-color: transparent; transition: color .2s ease, background .2s ease}
.cm-btn svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round}
.cm-btn:hover { background: var(--g-surface); color: var(--g-ink)}
.cm-btn.is-liked { color: var(--hata,#f28b82)}
.cm-btn.is-liked svg { fill: var(--hata,#f28b82); stroke: var(--hata,#f28b82); animation: cmPop .35s var(--g-ease)}
@keyframes cmPop { 40% { transform: scale(1.28)} }
.cm-views { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; padding-right: 2px; font: 400 13px/1 var(--g-body); color: var(--yazi-3,#a2a3aa)}
.cm-views svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round}

.cm-empty { padding: 56px 0; text-align: center; color: var(--g-mute); font: 400 15px/1.5 var(--g-body)}
.cm-empty b { display: block; color: var(--g-ink); font: 600 16px/1.4 var(--g-head); margin-bottom: 4px}
.cm-more { padding: 18px 0; text-align: center}
.cm-more button { height: 40px; padding: 0 20px; border-radius: 999px; border: 1px solid var(--g-line); background: var(--kart,#343739); color: var(--g-ink); font: 600 14px/1 var(--g-body); cursor: pointer}
.cm-loading { display: grid; place-items: center; padding: 48px 0}
.cm-loading span { width: 24px; height: 24px; border-radius: 50%; border: 2.5px solid var(--g-tint-2); border-top-color: var(--g-blue); animation: cmSpin .8s linear infinite}
@keyframes cmSpin { to { transform: rotate(360deg)} }

/* ---- + düğmesi: alt menünün hafif üstünde, menü kaybolsa da yerinde kalır ---- */
.cm-fab { position: fixed; z-index: 1590; right: 18px; bottom: calc(var(--g-tab-h, 56px) + 16px + env(safe-area-inset-bottom, 0px)); width: 56px; height: 56px; border-radius: 50%; border: 0; background: var(--g-blue); color: var(--vurgu-ustu,#202124); display: grid; place-items: center; cursor: pointer; box-shadow: 0 10px 26px -8px rgba(138,180,248,0.65), 0 2px 6px rgba(15, 23, 42, .12); -webkit-tap-highlight-color: transparent; transition: transform .2s var(--g-ease), background .2s ease}
.cm-fab svg { width: 26px; height: 26px}
.cm-fab:hover { background: var(--g-blue-d)}
.cm-fab:active { transform: scale(.94)}
body.cm-lock .cm-fab { display: none}
body:has(.hsck-wrap) .cm-fab { bottom: calc(var(--g-tab-h, 56px) + 16px + env(safe-area-inset-bottom, 0px))}
@media (min-width: 861px) { .cm-fab { right: max(24px, calc((100vw - 640px) / 2 - 80px)); bottom: 32px} }

/* ---- tam sayfa pencereler (aşağıdan yukarı) ---- */
.cm-sheet { position: fixed; inset: 0; z-index: 1800; background: var(--kart,#343739); display: flex; flex-direction: column; font-family:var(--font); animation: jdUp .46s cubic-bezier(.22, 1, .36, 1) backwards}
.cm-sheet.is-leaving { animation: jdDown .3s cubic-bezier(.4, 0, 1, 1) forwards; pointer-events: none}
body.cm-lock { overflow: hidden}
.cm-x { position: fixed; z-index: 5; top: calc(12px + env(safe-area-inset-top, 0px)); right: 14px; width: 40px; height: 40px; border-radius: 50%; border: 0; background: var(--kart,#343739); box-shadow: 0 2px 10px rgba(15, 23, 42, .12); color: var(--g-ink); display: grid; place-items: center; cursor: pointer}
.cm-x svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round}
.cm-sheet__scroll { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; padding: 6px 0 24px}
.cm-sheet:not(:has(.cm-bar)) .cm-sheet__scroll { padding-top: calc(64px + env(safe-area-inset-top, 0px))}
.cm-sheet__in { max-width: 640px; margin: 0 auto; padding: 0 16px}
.cm-sheet__foot { flex: none; background: var(--kart,#343739); box-shadow: 0 -14px 18px -12px rgba(52,55,57,0.95); padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px))}
.cm-sheet__foot .cm-sheet__in { padding: 0}
@media (min-width: 900px) { .cm-x { right: max(18px, calc((100vw - 640px) / 2 + 18px))} }
@media (prefers-reduced-motion: reduce) { .cm-sheet { animation: none} }

/* ---- yeni paylaşım ---- */
.cm-me { display: flex; align-items: center; gap: 12px; margin-bottom: 18px}
.cm-me__name { flex: 1; min-width: 0}
.cm-me__name b { display: block; font: 600 16px/1.3 var(--g-body); color: var(--g-ink)}
.cm-me__name small { display: block; margin-top: 2px; font: 400 12.5px/1.3 var(--g-body); color: var(--yazi-3,#a2a3aa)}
.cm-input, .cm-area { width: 100%; box-sizing: border-box; border: 1px solid var(--g-line); border-radius: 12px; background: var(--kart,#343739); color: var(--g-ink); font: 400 16px/1.45 var(--g-body); padding: 11px 13px; outline: none; transition: border-color .2s ease, box-shadow .2s ease}
.cm-input:focus, .cm-area:focus { border-color: var(--g-blue); box-shadow: 0 0 0 3px rgba(138,180,248,0.14)}
.cm-input::placeholder, .cm-area::placeholder { color: var(--yazi-3,#a2a3aa)}
.cm-area { resize: none; min-height: 150px}
.cm-seg { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border-radius: 12px; background: var(--g-surface); margin-bottom: 16px}
.cm-seg button { height: 38px; border: 0; border-radius: 9px; background: none; color: var(--g-mute); font: 600 14px/1 var(--g-body); cursor: pointer; transition: background .2s ease, color .2s ease}
.cm-seg button.is-on { background: var(--kart,#343739); color: var(--g-ink); box-shadow: 0 1px 4px rgba(15, 23, 42, .1)}
.cm-count { margin: 6px 2px 0; text-align: right; font: 400 12.5px/1 var(--g-body); color: var(--yazi-3,#a2a3aa)}
.cm-count.is-max { color: var(--hata,#f28b82)}
.cm-opts { display: grid; gap: 8px; margin-top: 12px}
.cm-opt-row { display: flex; gap: 8px}
.cm-opt-row .cm-input { flex: 1; min-width: 0}
.cm-rm { flex: none; width: 46px; border: 1px solid var(--g-line); border-radius: 12px; background: var(--kart,#343739); color: var(--g-mute); cursor: pointer; display: grid; place-items: center}
.cm-rm svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round}
.cm-rm:hover { color: var(--hata,#f28b82); border-color: var(--hata-orta,#7a4146)}
.cm-add { margin-top: 10px; height: 42px; width: 100%; border-radius: 12px; border: 1px dashed var(--vurgu-orta,#5c7096); background: var(--kart,#343739); color: var(--g-blue-d); font: 600 14px/1 var(--g-body); cursor: pointer}
.cm-add[hidden] { display: none}
.cm-hint { margin: 14px 2px 0; font: 400 12.5px/1.5 var(--g-body); color: var(--yazi-3,#a2a3aa)}
.cm-err { margin: 12px 0 0; padding: 10px 12px; border-radius: 10px; background: var(--girdi,#26282b); color: var(--hata,#f28b82); font: 500 13.5px/1.4 var(--g-body)}
.cm-err[hidden] { display: none}
.cm-go { width: 100%; height: 50px; border: 0; border-radius: 999px; background: var(--g-blue); color: var(--vurgu-ustu,#202124); font: 600 16px/1 var(--g-body); cursor: pointer; transition: background .2s ease, opacity .2s ease}
.cm-go:hover { background: var(--g-blue-d)}
.cm-go:disabled { opacity: .55; cursor: default}
.cm-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0}

/* ---- yorumlar ---- */
.cm-cm { display: grid; grid-template-columns: 30px minmax(0, 1fr); column-gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--g-line)}
.cm-cm .cm-text { font-size: 14px}
.cm-cm__empty { padding: 28px 0; text-align: center; color: var(--yazi-3,#a2a3aa); font: 400 14.5px/1.5 var(--g-body)}
.cm-cmbox { display: grid; gap: 8px}
.cm-cmbox__row { display: flex; gap: 8px; align-items: flex-end}
.cm-cmbox .cm-area { min-height: 46px; max-height: 120px; padding: 11px 13px; border-radius: 22px}
.cm-send { flex: none; width: 46px; height: 46px; border: 0; border-radius: 50%; background: var(--g-blue); color: var(--vurgu-ustu,#202124); display: grid; place-items: center; cursor: pointer}
.cm-send svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round}
.cm-send:disabled { opacity: .55}
.cm-thread-post { padding-bottom: 6px; border-bottom: 1px solid var(--g-line)}
.cm-thread-post .cm-post { border-bottom: 0; padding-top: 4px}

/* ---- üst çubuk: profil + ad, ✕ ile aynı hizada ---- */
.cm-bar { flex: none; width: 100%; max-width: 640px; margin: 0 auto; box-sizing: border-box; display: flex; align-items: center; gap: 12px; min-height: calc(64px + env(safe-area-inset-top, 0px)); padding: env(safe-area-inset-top, 0px) 68px 0 16px}
.cm-bar__name { min-width: 0; flex: 1}
.cm-bar__name b { display: block; font: 600 16px/1.25 var(--g-body); color: var(--g-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.cm-bar__name small { display: block; margin-top: 2px; font: 400 12.5px/1.2 var(--g-body); color: var(--yazi-3,#a2a3aa)}
.cm-bar .cm-av--lg { width: 44px; height: 44px; font-size: 15px}
.cm-bar__input { width: 100%; box-sizing: border-box; border: 0; border-bottom: 1.5px solid transparent; background: none; padding: 2px 0; font: 600 16px/1.25 var(--g-body); color: var(--g-ink); outline: none; transition: border-color .2s ease}
.cm-bar__input:focus { border-bottom-color: var(--g-blue)}
.cm-bar__input::placeholder { color: var(--yazi-3,#a2a3aa); font-weight: 500}
.cm-post--thread { grid-template-columns: minmax(0, 1fr); padding-top: 8px}
.cm-post--thread .cm-text { font-size: 18px; line-height: 1.6; margin-top: 0}
.cm-post--thread .cm-q { font-size: 20px; margin-top: 0}

/* ---- yeni paylaşım: sade, kenarlıksız yazı alanı ---- */
.cm-seg { position: relative; display: inline-grid; grid-template-columns: 1fr 1fr; gap: 0; padding: 4px; border-radius: 999px; background: var(--g-surface); margin: 8px 0 18px}
.cm-seg::before { content: ''; position: absolute; top: 4px; bottom: 4px; left: 4px; width: calc(50% - 4px); border-radius: 999px; background: var(--kart,#343739); box-shadow: 0 1px 6px rgba(15, 23, 42, .12); transition: transform .35s var(--g-ease)}
.cm-seg[data-k="poll"]::before { transform: translateX(100%)}
.cm-seg button { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 38px; padding: 0 20px; border-radius: 999px; background: none !important; box-shadow: none !important}
.cm-seg button svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round}
.cm-seg button.is-on { color: var(--g-blue-d)}
.cm-c-area { display: block; width: 100%; box-sizing: border-box; min-height: 220px; resize: none; border: 0; padding: 0; background: none; outline: none; box-shadow: none; font: 400 19px/1.6 var(--g-body); color: var(--g-ink)}
.cm-c-area::placeholder { color: var(--yazi-3,#a2a3aa)}
.cm-c-area--q { min-height: 84px; font-weight: 600; font-size: 21px; line-height: 1.4}
.cm-opts .cm-input { border: 0; background: var(--g-surface); border-radius: 14px; padding: 14px 16px}
.cm-opts .cm-input:focus { background: var(--g-tint); box-shadow: 0 0 0 2px var(--g-blue)}
.cm-rm { border: 0; background: var(--g-surface); border-radius: 14px}
.cm-add { border: 0; background: none; height: 40px; width: auto; padding: 0 4px; margin-top: 6px; text-align: left}
.cm-hint { margin-top: 22px}
.cm-go:disabled { background: var(--vurgu-acik,#2e3c54); opacity: 1}

.cm-loginrow { width: 100%; height: 50px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 18px; border: 0; border-radius: 999px; background: var(--g-tint); color: var(--g-blue-d); font: 600 15px/1 var(--g-body); cursor: pointer}
.cm-loginrow svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; flex: none}
.cm-loginrow:hover { background: var(--vurgu-acik,var(--vurgu,#8ab4f8))}

/* ---- gönderinin tamamına dokununca açılır; sayfa sonunda çizgi yok ---- */
.cm-feed .cm-post { cursor: pointer; -webkit-tap-highlight-color: rgba(138,180,248,0.06); transition: background .15s ease}
.cm-feed .cm-post:active { background: var(--kart,#343739)}
.cm-feed .cm-post:last-child { border-bottom: 0}
.cm-feed .cm-btn, .cm-feed .cm-opt { cursor: pointer}
.cm-feed .cm-text, .cm-feed .cm-q { user-select: text}

/* ---- yorum: beğen / beğenme / cevapla ---- */
.cm-cact { display: flex; align-items: center; gap: 2px; margin: 4px 0 0 -8px}
.cm-cbtn { display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0 8px; border: 0; border-radius: 999px; background: none; color: var(--yazi-3,#a2a3aa); font: 500 12px/1 var(--g-body); cursor: pointer; -webkit-tap-highlight-color: transparent; transition: color .2s ease, background .2s ease}
.cm-cbtn svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round}
.cm-cbtn:hover { background: var(--g-surface); color: var(--g-ink)}
.cm-cbtn.is-on { color: var(--g-blue)}
.cm-cbtn.is-on svg { fill: currentColor; fill-opacity: .16}
.cm-cbtn.is-down { color: var(--hata,#f28b82)}
.cm-cbtn--txt { margin-left: 4px; font-weight: 600}
.cm-cm--reply { margin-left: 40px; grid-template-columns: 26px minmax(0, 1fr); border-bottom: 0; padding-top: 6px}
.cm-cm--reply .cm-av--sm { width: 26px; height: 26px; font-size: 10px}
.cm-rto { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 8px 6px 14px; border-radius: 12px; background: var(--g-tint); color: var(--g-blue-d); font: 500 12.5px/1.2 var(--g-body)}
.cm-rto[hidden] { display: none}
.cm-rto button { width: 24px; height: 24px; border: 0; border-radius: 50%; background: none; color: inherit; display: grid; place-items: center; cursor: pointer}
.cm-rto svg { width: 13px; height: 13px; stroke: currentColor; fill: none; stroke-width: 2.4; stroke-linecap: round}
.cm-fab { width: 50px; height: 50px}
.cm-fab svg { width: 23px; height: 23px}

/* hs-duzenleme-6 */

/* Tam sayfa paylaş/yorum penceresi: köşeler düz */
html body .cm-sheet { border-radius: 0 !important}
/* Masaüstü: sayfa genişliği üst menüyle aynı; gönderi ve anketler 2 sütun, kenarlıklı kartlar */
@media (min-width: 861px) {
  html body .cm-wrap { max-width: 1040px; padding: 0 32px; box-sizing: border-box}
  html body .cm-feed { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; padding-top: 14px; align-items: stretch}
  html body .cm-feed .cm-post { border: 1px solid var(--cizgi,#4f5153) !important; border-radius: 16px; padding: 16px 18px 10px; background: var(--kart,#343739); align-content: start; transition: border-color .15s ease}
  html body .cm-feed .cm-post:hover { border-color: var(--vurgu-orta,#5c7096)}
  html body .cm-feed .cm-post > div:last-child { display: flex; flex-direction: column; min-width: 0}
  html body .cm-feed .cm-act { margin-top: auto}
  html body .cm-feed .cm-empty, html body .cm-feed .cm-loading { grid-column: 1 / -1}
}
@media (min-width: 900px) and (max-width: 1100px) { html body .cm-wrap { padding: 0 14px}}

/* hs-duzenleme-7 */

/* "+" düğmesi: ana sayfadaki menü düğmesiyle aynı konum ve boyut */
html body .cm-fab, html body:has(.hsck-wrap) .cm-fab { right: calc(16px + env(safe-area-inset-right, 0px)); bottom: calc(16px + env(safe-area-inset-bottom, 0px)); width: 44px; height: 44px}
html body .cm-fab svg { width: 22px; height: 22px}
@media (min-width: 861px) { html body .cm-fab, html body:has(.hsck-wrap) .cm-fab { right: 24px; bottom: 24px; width: 48px; height: 48px} html body .cm-fab svg { width: 24px; height: 24px}}

/* hs-duzenleme-12 */

/* Masaüstü: gönderi / anket / yazma penceresi sayfanın ortasında kart olarak açılır (mobil: tam sayfa, aşağıdan yukarı) */
@media (min-width: 861px) {
  body:has(.cm-sheet:not(.is-leaving))::after { content: ""; position: fixed; inset: 0; z-index: 1799; background: rgba(15, 23, 42, .5); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); animation: jdBackdrop .25s ease backwards}
  html body .cm-sheet { inset: 0; margin: auto; width: min(720px, calc(100vw - 64px)); height: min(780px, calc(100vh - 64px)); border-radius: 24px !important; overflow: hidden; box-shadow: 0 32px 90px -24px rgba(15, 23, 42, .5), 0 0 0 1px rgba(15, 23, 42, .06) !important; animation: jdPop .3s cubic-bezier(.22, 1, .36, 1) backwards}
  html body .cm-sheet.is-leaving { animation: jdPopOut .2s ease forwards}
  html body .cm-sheet .cm-x { position: absolute; top: 14px; right: 14px}
  html body .cm-sheet .cm-bar { max-width: none; padding-left: 24px}
  html body .cm-sheet .cm-sheet__scroll .cm-sheet__in { max-width: none; padding-left: 24px; padding-right: 24px}
  html body .cm-sheet .cm-sheet__foot { box-shadow: none; border-top: 1px solid var(--cizgi, #4f5153); padding: 12px 24px}
}
@media (min-width: 861px) and (prefers-reduced-motion: reduce) { html body .cm-sheet, html body .cm-sheet.is-leaving, body:has(.cm-sheet)::after { animation: none}}

/* hs-duzenleme-14 */

/* Yazma penceresi: "Ne düşünüyorsun?" ve "Anket sorusu" alanlarının iç boşluğu */
html body .cm-c-area { padding: 14px 16px !important; border: 1px solid var(--cizgi, #4f5153) !important; border-radius: 14px !important; background: var(--girdi, #26282b) !important}
html body .cm-c-area:focus { border-color: var(--vurgu, #8ab4f8) !important; box-shadow: 0 0 0 3px var(--odak-hale, rgb(138 180 248 / .18)) !important}
html body .cm-c-area--q { min-height: 96px}