/* 커뮤니티 — Liquid Glass (앱 홈·소개 페이지 통일) */
body.st-app-body.cm-community{
  --cm-max:640px;
  --cm-inset:14px;
  --cm-content-max:calc(var(--cm-max) - 2 * var(--cm-inset));
  --cm-gap:12px;
  --cm-section-gap:16px;
  --cm-top-gap:14px;
  --cm-bar-gap:16px;
  --cm-bottom-gap:16px;
  --cm-r:20px;
  --cm-text:#1C1C1E;
  --cm-sub:#636366;
  --cm-muted:#AEAEB2;
  --cm-blue:#007AFF;
  --cm-blue-soft:rgba(0,122,255,.1);
  --cm-glass:rgba(255,255,255,.72);
  --cm-glass-soft:rgba(255,255,255,.52);
  --cm-glass-border:rgba(255,255,255,.58);
  --cm-blur:blur(28px) saturate(185%);
  --cm-shadow:0 8px 28px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.8);
  --cm-line:rgba(0,0,0,.06);
  --cm-col-w:calc(100% - 2 * var(--cm-inset));
}

/* 흰 배경 덮어쓰기 제거 */
html.cm-app-root,
html.cm-app-root body,
html:has(.cm-karrot),
html:has(.cm-karrot) body,
html:has(.cm-karrot-view),
html:has(.cm-karrot-view) body{
  background:transparent!important;
}

body.st-app-body.cm-community .cm-app-shell{
  max-width:var(--cm-max)!important;
  padding:0!important;
  box-sizing:border-box!important;
}

/* 공통 — 콘텐츠 열 중앙 정렬 */
body.st-app-body.cm-community .cm-v2.board-list.cm-karrot,
body.st-app-body.cm-community .cm-v2.board-write.cm-write-page,
body.st-app-body.cm-community .cm-v2.board-view.cm-karrot-view,
body.st-app-body.cm-community article.board-view.cm-karrot-view{
  width:var(--cm-col-w)!important;
  max-width:var(--cm-content-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* ══════════════════════════════════════
   리스트
══════════════════════════════════════ */
body.st-app-body.cm-community .cm-v2.board-list.cm-karrot{
  background:transparent!important;
  padding:calc(var(--cm-list-head-h,150px) + var(--cm-top-gap) + var(--cm-bar-gap)) 0 calc(var(--st-nav-h,76px) + 20px)!important;
  color:var(--cm-text)!important;
  transition:padding-top .3s cubic-bezier(.4,0,.2,1)!important;
}

body.st-app-body.cm-community .cm-karrot .cm-sticky-head{
  position:fixed!important;
  top:calc(var(--st-header-h,60px) + 12px + var(--cm-top-gap))!important;
  left:50%!important;right:auto!important;
  transform:translateX(-50%)!important;
  width:var(--cm-col-w)!important;
  max-width:var(--cm-content-max)!important;
  z-index:50!important;
  background:rgba(238,241,248,.94)!important;
  backdrop-filter:blur(20px) saturate(180%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(180%)!important;
  border:none!important;
  border-radius:0 0 12px 12px!important;
  box-shadow:0 4px 16px rgba(0,0,0,.04)!important;
  overflow:hidden!important;
}
body.st-app-body.cm-community .cm-karrot .cm-sticky-head.is-scrolled{
  box-shadow:0 6px 20px rgba(0,0,0,.06)!important;
}
body.st-app-body.cm-community .cm-karrot .cm-sticky-head.is-compact{
  border-radius:0!important;
}

/* 히어로 — 접힘 */
body.st-app-body.cm-community .cm-karrot .cm-hero{
  padding:12px 14px 4px!important;background:transparent!important;
  max-height:72px;opacity:1;
  overflow:hidden!important;
  transition:max-height .32s cubic-bezier(.4,0,.2,1),opacity .24s ease,padding .32s cubic-bezier(.4,0,.2,1)!important;
}
body.st-app-body.cm-community .cm-karrot .cm-sticky-head.is-compact .cm-hero{
  max-height:0!important;opacity:0!important;
  padding-top:0!important;padding-bottom:0!important;
}
body.st-app-body.cm-community .cm-karrot .cm-hero__title{
  color:var(--cm-text)!important;font-size:21px!important;
  transition:font-size .3s ease!important;
}

body.st-app-body.cm-community .cm-karrot .cm-icon-btn{
  background:transparent!important;
  border:none!important;
  color:var(--cm-sub)!important;border-radius:0!important;
}

body.st-app-body.cm-community .cm-karrot .cm-filter{
  background:transparent!important;
  border:none!important;
  color:var(--cm-sub)!important;height:34px!important;
  padding:0 4px!important;
}
body.st-app-body.cm-community .cm-karrot .cm-filter.is-on{
  background:transparent!important;border-color:transparent!important;
  color:var(--cm-text)!important;font-weight:700!important;
}

body.st-app-body.cm-community .cm-karrot .cm-tabs{
  padding:0 14px!important;border-bottom:none!important;
  transition:padding .3s cubic-bezier(.4,0,.2,1)!important;
}
body.st-app-body.cm-community .cm-karrot .cm-sticky-head.is-compact .cm-tabs{
  padding:0 14px!important;border-bottom-color:transparent!important;
}
body.st-app-body.cm-community .cm-karrot .cm-tab{
  color:var(--cm-muted)!important;font-size:14px!important;
  transition:padding .3s ease,font-size .3s ease!important;
}
body.st-app-body.cm-community .cm-karrot .cm-sticky-head.is-compact .cm-tab{
  padding:8px 0 7px!important;font-size:13px!important;
}
body.st-app-body.cm-community .cm-karrot .cm-tab.is-on{color:var(--cm-text)!important}
body.st-app-body.cm-community .cm-karrot .cm-tab.is-on::after{background:var(--cm-blue)!important;height:2.5px!important}

body.st-app-body.cm-community .cm-karrot .cm-filters{
  padding:10px 14px 12px!important;
  transition:padding .3s cubic-bezier(.4,0,.2,1)!important;
}
body.st-app-body.cm-community .cm-karrot .cm-sticky-head.is-compact .cm-filters{
  padding:6px 14px 8px!important;
}

body.st-app-body.cm-community .cm-karrot .cm-feed{
  display:flex!important;flex-direction:column!important;gap:0!important;
  background:transparent!important;
  margin-top:var(--cm-bar-gap)!important;padding:0!important;
  transition:margin-top .3s cubic-bezier(.4,0,.2,1)!important;
}
body.st-app-body.cm-community .cm-karrot .cm-sticky-head.is-compact ~ .cm-feed,
body.st-app-body.cm-community .cm-karrot:has(.cm-sticky-head.is-compact) .cm-feed{
  margin-top:8px!important;
}

body.st-app-body.cm-community .cm-karrot .cm-post{
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post.is-pinned{
  background:transparent!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__trigger{
  display:block;width:100%;margin:0;padding:0;border:none;background:transparent;
  text-align:left;cursor:pointer;font:inherit;color:inherit;
}
body.st-app-body.cm-community .cm-karrot .cm-post__inner{padding:16px 14px!important}
body.st-app-body.cm-community .cm-karrot .cm-post__cat{
  background:transparent!important;border:none!important;
  color:var(--cm-sub)!important;border-radius:0!important;padding:0!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__chev{
  color:var(--cm-muted)!important;font-size:12px!important;
  transition:transform .22s ease!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post.is-open .cm-post__chev{
  transform:rotate(180deg)!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post.is-open .cm-post__preview{
  display:none!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__expand{
  display:none!important;
  overflow:hidden!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post.is-open .cm-post__expand{
  display:block!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__expand-inner{
  padding:0 14px 18px!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__manage{
  display:flex!important;justify-content:flex-end!important;gap:8px!important;margin-bottom:12px!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__manage-btn{
  display:inline-flex!important;align-items:center!important;gap:5px!important;
  padding:7px 12px!important;border-radius:10px!important;
  font-size:13px!important;font-weight:600!important;line-height:1!important;
  text-decoration:none!important;cursor:pointer!important;
  border:1px solid var(--cm-line)!important;background:rgba(255,255,255,.72)!important;
  color:var(--cm-sub)!important;font-family:inherit!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__manage-btn--edit:hover{
  border-color:var(--cm-blue)!important;color:var(--cm-blue)!important;background:var(--cm-blue-soft)!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__manage-btn--del:hover{
  border-color:#FF3B30!important;color:#FF3B30!important;background:rgba(255,59,48,.08)!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__embed-body{
  font-size:15px!important;line-height:1.65!important;color:var(--cm-text)!important;
  word-break:break-word!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__embed-body img{
  max-width:100%!important;height:auto!important;border-radius:12px!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__embed-meta{
  display:flex!important;flex-wrap:wrap!important;gap:10px!important;
  margin-top:12px!important;font-size:12px!important;color:var(--cm-muted)!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__embed-link{
  display:inline-block!important;margin-top:12px!important;
  font-size:13px!important;font-weight:600!important;color:var(--cm-blue)!important;
  text-decoration:none!important;
}
body.st-app-body.cm-community .cm-cmt-iframe{
  position:absolute!important;width:0!important;height:0!important;border:0!important;
  opacity:0!important;pointer-events:none!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__cmt{
  margin-top:20px!important;padding-top:16px!important;border-top:1px solid var(--cm-line)!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__cmt-title{
  font-size:15px!important;font-weight:700!important;margin:0 0 12px!important;color:var(--cm-text)!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__cmt-count{color:var(--cm-blue)!important}
body.st-app-body.cm-community .cm-karrot .cm-post__cmt-list{
  list-style:none!important;margin:0 0 16px!important;padding:0!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__cmt-item{
  padding:12px 0!important;border-bottom:1px solid var(--cm-line)!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__cmt-item:last-child{border-bottom:none!important}
body.st-app-body.cm-community .cm-karrot .cm-post__cmt-empty{
  padding:12px 0!important;font-size:14px!important;color:var(--cm-muted)!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__cmt-item-head{
  display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:6px!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__cmt-name{
  font-size:13px!important;font-weight:600!important;color:var(--cm-text)!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__cmt-time{
  font-size:12px!important;color:var(--cm-muted)!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__cmt-body{
  font-size:14px!important;line-height:1.55!important;color:var(--cm-sub)!important;word-break:break-word!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__cmt-body img{
  max-width:100%!important;height:auto!important;border-radius:8px!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__cmt-write{
  display:flex!important;gap:8px!important;align-items:flex-end!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__cmt-input{
  flex:1!important;min-height:72px!important;padding:12px 14px!important;
  border:1px solid var(--cm-line)!important;border-radius:12px!important;
  font-size:14px!important;line-height:1.5!important;resize:vertical!important;
  background:rgba(255,255,255,.85)!important;color:var(--cm-text)!important;font-family:inherit!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__cmt-input:focus{
  outline:none!important;border-color:var(--cm-blue)!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__cmt-submit{
  flex-shrink:0!important;height:44px!important;padding:0 16px!important;border:none!important;
  border-radius:12px!important;background:var(--cm-blue)!important;color:#fff!important;
  font-size:14px!important;font-weight:600!important;cursor:pointer!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__cmt-guest{
  margin:0!important;font-size:13px!important;color:var(--cm-sub)!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__cmt-guest a{
  color:var(--cm-blue)!important;font-weight:600!important;text-decoration:none!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__thumb{
  border-radius:12px!important;overflow:hidden!important;
}
@keyframes cmExpandIn{
  from{opacity:0;max-height:0}
  to{opacity:1;max-height:4000px}
}
body.st-app-body.cm-community .cm-karrot .cm-post.is-open .cm-post__expand{
  animation:cmExpandIn .28s ease!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__loading,
body.st-app-body.cm-community .cm-karrot .cm-post__error{
  padding:16px 0!important;font-size:14px!important;color:var(--cm-sub)!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__embed .cm-view-panel,
body.st-app-body.cm-community .cm-karrot .cm-post__embed .cm-cmt .view-comment{
  background:transparent!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  border:none!important;border-radius:0!important;box-shadow:none!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__embed .cm-view-author,
body.st-app-body.cm-community .cm-karrot .cm-post__embed .cm-view-body,
body.st-app-body.cm-community .cm-karrot .cm-post__embed .board-view-con{
  padding-left:0!important;padding-right:0!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__embed .cm-cmt.comment-area{
  margin-top:8px!important;padding:0 0 8px!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__embed .view-comment-write{
  position:static!important;left:auto!important;right:auto!important;
  transform:none!important;width:100%!important;max-width:none!important;
  bottom:auto!important;margin-top:12px!important;
}
body.st-app-body.cm-community .cm-karrot .cm-post__title{color:var(--cm-text)!important}
body.st-app-body.cm-community .cm-karrot .cm-post__preview{color:var(--cm-sub)!important}
body.st-app-body.cm-community .cm-karrot .cm-empty{
  background:transparent!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  border:none!important;border-radius:0!important;
  box-shadow:none!important;color:var(--cm-sub)!important;
}

body.st-app-body.cm-community .cm-karrot .cm-fab{
  right:max(var(--cm-inset),calc(50vw - var(--cm-content-max) / 2))!important;
  bottom:calc(var(--st-nav-h,76px) + 14px + env(safe-area-inset-bottom,0px))!important;
  width:52px!important;height:52px!important;
  background:linear-gradient(145deg,var(--cm-blue),#5856D6)!important;
  border:1px solid rgba(255,255,255,.3)!important;
  box-shadow:0 6px 20px rgba(0,122,255,.35)!important;
}
body.st-app-body.cm-community .cm-karrot .cm-feed-loader__dot{background:var(--cm-blue)!important}

/* ══════════════════════════════════════
   글쓰기
══════════════════════════════════════ */
body.st-app-body.cm-community .cm-v2.board-write.cm-write-page{
  background:transparent!important;
  padding:calc(var(--cm-write-bar-h,52px) + var(--cm-top-gap) + var(--cm-bar-gap)) 0 calc(var(--st-nav-h,76px) + 20px)!important;
  color:var(--cm-text)!important;
}

body.st-app-body.cm-community .cm-v2 .cm-write-hero{
  position:fixed!important;
  top:calc(var(--st-header-h,60px) + 12px + var(--cm-top-gap))!important;
  left:50%!important;right:auto!important;
  transform:translateX(-50%)!important;
  width:var(--cm-col-w)!important;
  max-width:var(--cm-content-max)!important;
  z-index:30!important;
  background:var(--cm-glass)!important;
  backdrop-filter:var(--cm-blur)!important;-webkit-backdrop-filter:var(--cm-blur)!important;
  border:1px solid var(--cm-glass-border)!important;
  border-radius:var(--cm-r)!important;
  box-shadow:var(--cm-shadow)!important;
  margin:0!important;
}

body.st-app-body.cm-community .cm-v2 .cm-write-form{
  margin-top:var(--cm-bar-gap)!important;
  background:var(--cm-glass)!important;
  backdrop-filter:var(--cm-blur)!important;-webkit-backdrop-filter:var(--cm-blur)!important;
  border:1px solid var(--cm-glass-border)!important;
  border-radius:var(--cm-r)!important;
  box-shadow:var(--cm-shadow)!important;overflow:hidden!important;
}

body.st-app-body.cm-community .cm-v2 .cm-write-cats,
body.st-app-body.cm-community .cm-v2 .cm-write-guest,
body.st-app-body.cm-community .cm-v2 .cm-write-body,
body.st-app-body.cm-community .cm-v2 .cm-write-photos,
body.st-app-body.cm-community .cm-v2 .cm-write-options,
body.st-app-body.cm-community .cm-v2 .cm-write-captcha{
  background:transparent!important;border-color:var(--cm-line)!important;
}
body.st-app-body.cm-community .cm-v2 .cm-write-cat{
  background:var(--cm-glass-soft)!important;border:1px solid var(--cm-glass-border)!important;color:var(--cm-sub)!important;
}
body.st-app-body.cm-community .cm-v2 .cm-write-cat.is-on{
  background:var(--cm-blue)!important;border-color:var(--cm-blue)!important;color:#fff!important;
}
body.st-app-body.cm-community .cm-v2 .cm-write-done{color:var(--cm-blue)!important}
body.st-app-body.cm-community .cm-v2 .cm-write-toggle input:checked + .cm-write-toggle__ui{background:var(--cm-blue)!important}

/* ══════════════════════════════════════
   상세보기
══════════════════════════════════════ */
body.st-app-body.cm-community .cm-v2.board-view.cm-karrot-view{
  background:transparent!important;
  color:var(--cm-text)!important;
  padding:0 0 calc(var(--st-nav-h,76px) + 16px)!important;
}

body.st-app-body.cm-community .cm-karrot-view .notice-view-shell,
body.st-app-body.cm-community .cm-karrot-view .cm-view-shell{
  background:transparent!important;
  padding-top:calc(var(--cm-view-bar-h,52px) + var(--cm-top-gap) + var(--cm-bar-gap))!important;
  padding-left:0!important;padding-right:0!important;
}

body.st-app-body.cm-community .cm-karrot-view .cm-view-sticky{
  position:fixed!important;
  top:calc(var(--st-header-h,60px) + 12px + var(--cm-top-gap))!important;
  left:50%!important;right:auto!important;
  transform:translateX(-50%)!important;
  width:var(--cm-col-w)!important;
  max-width:var(--cm-content-max)!important;
  z-index:46!important;
  background:var(--cm-glass)!important;
  backdrop-filter:var(--cm-blur)!important;-webkit-backdrop-filter:var(--cm-blur)!important;
  border:1px solid var(--cm-glass-border)!important;
  border-radius:var(--cm-r)!important;
  box-shadow:var(--cm-shadow)!important;
  overflow:hidden!important;margin:0!important;
}

body.st-app-body.cm-community .cm-karrot-view .cm-view-panel{
  background:var(--cm-glass)!important;
  backdrop-filter:var(--cm-blur)!important;-webkit-backdrop-filter:var(--cm-blur)!important;
  border:1px solid var(--cm-glass-border)!important;
  border-radius:var(--cm-r)!important;
  box-shadow:var(--cm-shadow)!important;overflow:hidden!important;
}

body.st-app-body.cm-community .cm-karrot-view .cm-view-tag{
  background:var(--cm-glass-soft)!important;border:1px solid var(--cm-glass-border)!important;
  color:var(--cm-sub)!important;border-radius:8px!important;
}
body.st-app-body.cm-community .cm-karrot-view .cm-view-act{
  background:var(--cm-glass-soft)!important;border:1px solid var(--cm-glass-border)!important;
  border-radius:14px!important;
}
body.st-app-body.cm-community .cm-karrot-view .cm-view-act--primary,
body.st-app-body.cm-community .cm-karrot-view .cm-view-act:hover{
  background:var(--cm-blue-soft)!important;border-color:rgba(0,122,255,.2)!important;color:var(--cm-blue)!important;
}

/* 댓글 — 영역(부모)에는 filter 없음 → 입력창 fixed 정상 동작 */
body.st-app-body.cm-community .cm-karrot-view .cm-cmt.comment-area{
  margin-top:var(--cm-section-gap)!important;
  padding:0 0 calc(var(--cm-cmt-bar-h,56px) + var(--st-nav-h,76px) + var(--cm-bottom-gap) + 12px)!important;
  background:transparent!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  border:none!important;box-shadow:none!important;
  overflow:visible!important;
}

body.st-app-body.cm-community .cm-karrot-view .cm-cmt .view-comment{
  margin:0!important;
  background:var(--cm-glass)!important;
  backdrop-filter:var(--cm-blur)!important;-webkit-backdrop-filter:var(--cm-blur)!important;
  border:1px solid var(--cm-glass-border)!important;
  border-radius:var(--cm-r)!important;
  box-shadow:var(--cm-shadow)!important;
  overflow:hidden!important;
}

body.st-app-body.cm-community .cm-karrot-view .cm-cmt .view-comment-heading{
  font-size:17px!important;font-weight:800!important;color:var(--cm-text)!important;
  padding:16px 16px 12px!important;margin:0!important;border:none!important;
}
body.st-app-body.cm-community .cm-karrot-view .cm-cmt .view-comment-item-wrap{
  border-bottom:1px solid var(--cm-line)!important;background:transparent!important;
}
body.st-app-body.cm-community .cm-karrot-view .cm-cmt .view-comment-item{background:transparent!important}
body.st-app-body.cm-community .cm-karrot-view .cm-cmt .view-comment-no-item{
  border:none!important;padding:24px 16px 28px!important;color:var(--cm-muted)!important;
}
body.st-app-body.cm-community .cm-karrot-view .cm-cmt .comment-item-info.bg-author .comment-name:after{
  color:var(--cm-blue)!important;background:var(--cm-blue-soft)!important;
}

/* 댓글 입력 — 화면 하단 고정 (viewport 기준) */
body.st-app-body.cm-community .cm-karrot-view .view-comment-write{
  position:fixed!important;
  left:50%!important;right:auto!important;
  transform:translateX(-50%)!important;
  width:var(--cm-col-w)!important;
  max-width:var(--cm-content-max)!important;
  bottom:calc(var(--st-nav-h,76px) + var(--cm-bottom-gap) + env(safe-area-inset-bottom,0px))!important;
  z-index:90!important;
  background:transparent!important;
  padding:0!important;margin:0!important;
}
body.st-app-body.cm-community .cm-karrot-view .cm-cmt-bar__pill{
  background:var(--cm-glass)!important;
  backdrop-filter:var(--cm-blur)!important;-webkit-backdrop-filter:var(--cm-blur)!important;
  border:1px solid var(--cm-glass-border)!important;
  box-shadow:var(--cm-shadow)!important;
}
body.st-app-body.cm-community .cm-karrot-view .cm-cmt-bar__send{background:var(--cm-blue)!important}

@media (prefers-reduced-motion:reduce){
  body.st-app-body.cm-community .cm-v2.board-list.cm-karrot,
  body.st-app-body.cm-community .cm-karrot .cm-sticky-head,
  body.st-app-body.cm-community .cm-karrot .cm-hero,
  body.st-app-body.cm-community .cm-karrot .cm-tabs,
  body.st-app-body.cm-community .cm-karrot .cm-filters,
  body.st-app-body.cm-community .cm-karrot .cm-feed{
    transition:none!important;
  }
}

/* 검색 모달 — backdrop는 body 직계, 모달도 body로 올려 클릭 가능하게 */
body.st-app-body.cm-community .cm-search-modal,
body.st-app-body.cm-community .search-modal{
  z-index:1060!important;
}
body.st-app-body.cm-community .modal-backdrop{
  z-index:1055!important;
}
body.st-app-body.cm-community .cm-search-modal .modal-dialog,
body.st-app-body.cm-community .search-modal .modal-dialog{
  pointer-events:auto!important;
}
body.st-app-body.cm-community .cm-search-modal .modal-content,
body.st-app-body.cm-community .search-modal .modal-content{
  background:var(--cm-glass)!important;
  backdrop-filter:var(--cm-blur)!important;-webkit-backdrop-filter:var(--cm-blur)!important;
  border:1px solid var(--cm-glass-border)!important;
  pointer-events:auto!important;
}
@media (max-width:575px){
  body.st-app-body.cm-community .cm-search-modal .modal-dialog,
  body.st-app-body.cm-community .search-modal .modal-dialog{
    margin:12px auto!important;
    max-width:calc(100% - 24px)!important;
  }
}
