/* 블카이브 앱(APK) 전용 화면. html.bk-app 일 때만 보임 (브라우저에선 전부 숨김) */
.bk-shell, .bk-classic-back { display: none; }

html.bk-app {
  --bk-bg: #ffffff;
  --bk-text: #1f1f1f;
  --bk-sub: #6b7280;
  --bk-line: #e8e8ea;
  --bk-soft: #f4f5f7;
  --bk-accent: #ff0a8c;
  --bk-tab: #8e8e93;
}
html.bk-app body.color_scheme_dark {
  --bk-bg: #121214;
  --bk-text: #ececee;
  --bk-sub: #9a9aa2;
  --bk-line: #2a2a2e;
  --bk-soft: #1f1f23;
  --bk-accent: #ff4fae;
  --bk-tab: #8e8e93;
}

/* 원래 사이트 크롬 숨김 */
html.bk-app .rb-header,
html.bk-app #mobileMenu,
html.bk-app .mobile-menu-overlay,
html.bk-app .quick-nav-btns,
html.bk-app .sidebar-left,
html.bk-app .sidebar-right {
  display: none !important;
}
html.bk-app body {
  background: var(--bk-bg) !important;
  padding-bottom: calc(64px + env(safe-area-inset-bottom)) !important;
}
html.bk-app .bk-shell {
  display: block;
  color: var(--bk-text);
  font-size: 16px;
  -webkit-tap-highlight-color: transparent;
}
html.bk-app .bk-shell a { color: inherit; text-decoration: none; }
html.bk-app .bk-shell button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
html.bk-app .bk-shell ul { list-style: none; margin: 0; padding: 0; }

/* 탭 화면('/')에선 원래 본문 숨김 */
html.bk-app .bk-shell[data-view="home"] ~ .content-wrapper,
html.bk-app .bk-shell[data-view="boards"] ~ .content-wrapper,
html.bk-app .bk-shell[data-view="guestbook"] ~ .content-wrapper,
html.bk-app .bk-shell[data-view="settings"] ~ .content-wrapper {
  display: none !important;
}

/* 큰 제목 헤더 */
html.bk-app .bk-top {
  padding: 22px 18px 18px;
  border-bottom: 1px solid var(--bk-line);
  background: var(--bk-bg);
}
html.bk-app .bk-top-title { display: block; font-size: 26px; font-weight: 800; letter-spacing: -0.5px; line-height: 1.25; }
html.bk-app .bk-top-sub { margin-top: 6px; font-size: 14px; color: var(--bk-sub); }

html.bk-app .bk-top-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
html.bk-app .bk-write {
  display: inline-flex; align-items: center; gap: 4px; flex-shrink: 0;
  padding: 8px 14px; border-radius: 18px; background: var(--bk-accent); color: #fff !important;
  font-size: 14px; font-weight: 700;
}
html.bk-app .bk-write:active { opacity: .8; }
html.bk-app .bk-bar-write { margin-left: auto; margin-right: 6px; padding: 7px 13px; }

/* 목록 머리 (최신 글 / 검색) */
html.bk-app .bk-section-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 18px; border-bottom: 1px solid var(--bk-line);
}
html.bk-app .bk-section-title { display: flex; align-items: center; gap: 4px; font-size: 18px; font-weight: 800; min-width: 0; }
html.bk-app .bk-section-title span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.bk-app .bk-chip-back { display: inline-flex; margin-left: -6px; color: var(--bk-sub) !important; }
html.bk-app .bk-link { color: var(--bk-accent) !important; font-size: 16px !important; flex-shrink: 0; }

html.bk-app .bk-search { display: flex; gap: 8px; padding: 10px 18px; border-bottom: 1px solid var(--bk-line); }
html.bk-app .bk-search[hidden] { display: none; }
html.bk-app .bk-search input {
  flex: 1; min-width: 0; height: 40px; padding: 0 16px; border: 0; border-radius: 20px;
  background: var(--bk-soft); color: var(--bk-text); font-size: 15px; outline: none;
}
html.bk-app .bk-search button { padding: 0 14px !important; border-radius: 20px !important; background: var(--bk-accent) !important; color: #fff !important; font-size: 14px !important; }

/* 홈 공지 (게시판 목록의 공지와 같은 모양) */
html.bk-app .bk-notices li { border-bottom: 1px solid var(--bk-line); }
html.bk-app .bk-notices a { display: flex; align-items: baseline; gap: 8px; padding: 12px 18px; }
html.bk-app .bk-notices a:active { background: var(--bk-soft); }
html.bk-app .bk-notices em {
  flex-shrink: 0; padding: 2px 8px; border-radius: 10px; font-style: normal;
  background: rgba(255, 10, 140, .1); color: var(--bk-accent); font-size: 12px; font-weight: 700; line-height: 1.5;
}
html.bk-app .bk-notices span {
  min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: 15px; font-weight: 600;
}

/* 글 목록 */
html.bk-app .bk-item { border-bottom: 1px solid var(--bk-line); }
html.bk-app .bk-item > a { display: flex; align-items: center; gap: 12px; padding: 14px 18px; }
html.bk-app .bk-item > a:active { background: var(--bk-soft); }
html.bk-app .bk-item-main { flex: 1; min-width: 0; }
html.bk-app .bk-item-cat { font-size: 12px; color: var(--bk-accent); margin-bottom: 3px; }
html.bk-app .bk-item-title { font-size: 16px; line-height: 1.4; word-break: keep-all; overflow-wrap: anywhere; }
html.bk-app .bk-item-cmt { margin-left: 4px; font-size: 13px; color: var(--bk-accent); }
html.bk-app .bk-item-meta { margin-top: 4px; font-size: 12px; color: var(--bk-sub); }
html.bk-app .bk-item-thumb { width: 56px; height: 56px; border-radius: 8px; object-fit: cover; flex-shrink: 0; background: var(--bk-soft); }
html.bk-app .bk-empty { padding: 60px 18px; text-align: center; color: var(--bk-sub); font-size: 17px; }
html.bk-app .bk-more { padding: 18px; text-align: center; color: var(--bk-sub); font-size: 14px; }

/* 게시판(분류) */
html.bk-app .bk-cats li { border-bottom: 1px solid var(--bk-line); }
html.bk-app .bk-cats a { display: flex; justify-content: space-between; align-items: center; padding: 15px 18px; font-size: 16px; }
html.bk-app .bk-cats a:active, html.bk-app .bk-menu a:active, html.bk-app .bk-menu .bk-row:active { background: var(--bk-soft); }
html.bk-app .bk-cats em { font-style: normal; font-size: 13px; color: var(--bk-sub); }
html.bk-app .bk-cats .bk-depth-1 a { padding-left: 34px; font-size: 15px; }
html.bk-app .bk-cats .bk-depth-2 a { padding-left: 50px; font-size: 15px; }
html.bk-app .bk-group-title { padding: 22px 18px 8px; font-size: 13px; font-weight: 700; color: var(--bk-sub); border-bottom: 1px solid var(--bk-line); }
html.bk-app .bk-menu li { border-bottom: 1px solid var(--bk-line); }
html.bk-app .bk-menu a, html.bk-app .bk-menu .bk-row {
  display: flex; width: 100%; justify-content: space-between; align-items: center;
  padding: 15px 18px; font-size: 16px; text-align: left; box-sizing: border-box;
}
/* 다른 게시판: 묶음별 접기 (기본 접힘) */
html.bk-app .bk-fold summary {
  display: flex; justify-content: space-between; align-items: center;
  padding: 15px 18px; font-size: 16px; font-weight: 700; cursor: pointer; list-style: none;
}
html.bk-app .bk-fold summary::-webkit-details-marker { display: none; }
html.bk-app .bk-fold-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html.bk-app .bk-fold-name small { margin-left: 2px; font-size: 12px; font-weight: 400; color: var(--bk-sub); }
html.bk-app .bk-fold summary::after { flex-shrink: 0; }
html.bk-app .bk-fold summary::after {
  content: ""; width: 8px; height: 8px; margin-right: 4px;
  border-right: 2px solid var(--bk-sub); border-bottom: 2px solid var(--bk-sub);
  transform: rotate(45deg); transition: transform .2s;
}
html.bk-app .bk-fold details[open] summary::after { transform: rotate(-135deg); }
html.bk-app .bk-fold summary:active { background: var(--bk-soft); }
html.bk-app .bk-fold ul li { border-bottom: 0; border-top: 1px solid var(--bk-line); }
html.bk-app .bk-menu .bk-top-link a { font-weight: 700; }
html.bk-app .bk-fold ul a { padding-left: 34px; font-size: 15px; }
html.bk-app .bk-menu small { font-size: 13px; color: var(--bk-sub); }
html.bk-app .bk-switch {
  position: relative; width: 46px; height: 28px; border-radius: 14px; background: #d1d1d6; transition: background .2s; flex-shrink: 0;
}
html.bk-app .bk-switch::after {
  content: ""; position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: 50%;
  background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.25); transition: transform .2s;
}
html.bk-app body.color_scheme_dark .bk-switch { background: var(--bk-accent); }
html.bk-app body.color_scheme_dark .bk-switch::after { transform: translateX(18px); }

/* 방명록 */
html.bk-app .bk-shell[data-view="guestbook"] { padding-bottom: 68px; }
html.bk-app .bk-msg { padding: 14px 18px; border-bottom: 1px solid var(--bk-line); }
html.bk-app .bk-msg.bk-new { animation: bkFade .35s ease; }
html.bk-app .bk-msg-head { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
html.bk-app .bk-msg-nick { font-size: 16px; }
html.bk-app .bk-msg time { font-size: 14px; color: var(--bk-sub); flex-shrink: 0; }
html.bk-app .bk-msg-text { margin-top: 6px; font-size: 16px; line-height: 1.45; white-space: pre-wrap; overflow-wrap: anywhere; }
html.bk-app .bk-chat-input {
  position: fixed; left: 0; right: 0; bottom: calc(64px + env(safe-area-inset-bottom)); z-index: 9990;
  display: flex; align-items: center; gap: 10px; padding: 10px 12px 10px 14px;
  background: var(--bk-bg); border-top: 1px solid var(--bk-line);
}
html.bk-app .bk-chat-input input {
  flex: 1; min-width: 0; height: 44px; padding: 0 18px; border: 0; border-radius: 22px;
  background: var(--bk-soft); color: var(--bk-text); font-size: 16px; outline: none;
}
html.bk-app .bk-chat-input button { display: flex; color: var(--bk-accent) !important; }
html.bk-app .bk-chat-input button:disabled { opacity: .4; }
@keyframes bkFade { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

/* 하위 페이지 상단 바 */
html.bk-app .bk-bar {
  position: sticky; top: 0; z-index: 9990;
  display: flex; align-items: center; gap: 6px; height: 54px; padding: 0 8px;
  background: var(--bk-bg); border-bottom: 1px solid var(--bk-line);
}
html.bk-app .bk-back { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; }
html.bk-app .bk-back:active { background: var(--bk-soft) !important; }
html.bk-app .bk-bar-title { font-size: 18px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* 하단 탭 */
html.bk-app .bk-tabs {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 9991;
  display: flex; height: 64px; padding-bottom: env(safe-area-inset-bottom);
  background: var(--bk-bg); border-top: 1px solid var(--bk-line);
}
html.bk-app .bk-tabs a {
  flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  color: var(--bk-tab) !important; font-size: 12px; font-weight: 600;
}
html.bk-app .bk-tabs a.on { color: var(--bk-accent) !important; }
html.bk-app .bk-tabs svg { width: 27px; height: 27px; }

/* ───── 글 보기 화면 (게시판 스킨을 앱 스타일로) ───── */
html.bk-app .content-wrapper,
html.bk-app .container {
  background: var(--bk-bg) !important;
}
html.bk-app .content-wrapper { padding-bottom: 0 !important; }
html.bk-app .container { padding-left: 18px !important; padding-right: 18px !important; }

/* 글 아래에 붙는 게시판 목록/페이지/검색은 앱에서 숨김 (뒤로 가기로 목록) */
html.bk-app #xet-simple-board:has(.simple-board__read) .simple-board__list,
html.bk-app #xet-simple-board:has(.simple-board__read) .simple-board__pagination:not(.simple-board__comment *),
html.bk-app #xet-simple-board:has(.simple-board__read) .simple-board__search,
html.bk-app #xet-simple-board:has(.simple-board__read) > .simple-board__btn-group,
html.bk-app #xet-simple-board:has(.simple-board__read) .simple-board__category,
html.bk-app #xet-simple-board:has(.simple-board__read) .simple-board__header {
  display: none !important;
}

/* 머리: 분류(분홍) → 제목 → 작성자·날짜·조회 */
html.bk-app .simple-board__read__header { padding: 18px 0 0 !important; margin: 0 !important; border: 0 !important; }
html.bk-app .simple-board__read__header .category-name { margin: 0 0 6px !important; font-size: 13px !important; line-height: 1.3 !important; }
html.bk-app .simple-board__read__header .crumb--board,
html.bk-app .simple-board__read__header .crumb-sep { display: none !important; }
html.bk-app .simple-board__read__header .crumb--cat { color: var(--bk-accent) !important; font-size: 13px !important; font-weight: 600 !important; }
html.bk-app .simple-board__read__header .title,
html.bk-app .simple-board__read__header .title a {
  font-size: 22px !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: -0.3px !important;
  color: var(--bk-text) !important; word-break: keep-all; overflow-wrap: anywhere;
}
html.bk-app .simple-board__read__header .document-meta {
  margin: 12px -18px 0 !important; padding: 0 18px 14px !important;
  background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--bk-line) !important; border-radius: 0 !important;
}
html.bk-app .simple-board__read__header .document-meta .profileImage { display: none !important; }
html.bk-app .simple-board__read__header .document-meta ul.meta { padding-left: 0 !important; margin-left: 0 !important; }
html.bk-app .simple-board__read__header .document-meta,
html.bk-app .simple-board__read__header .document-meta * { font-size: 13px !important; color: var(--bk-sub) !important; }

/* 추가 항목(사용자정책 동의 등)은 작게 */
html.bk-app .simple-board__read__extravars { margin: 12px 0 0 !important; border: 0 !important; }
html.bk-app .simple-board__read__extravars .item {
  display: flex !important; gap: 8px; min-height: 0 !important; padding: 0 !important; border: 0 !important; background: none !important;
}
html.bk-app .simple-board__read__extravars .item__label,
html.bk-app .simple-board__read__extravars .item__value {
  width: auto !important; padding: 0 !important; background: none !important; border: 0 !important;
  font-size: 12px !important; font-weight: 400 !important; color: var(--bk-sub) !important;
}
html.bk-app .simple-board__read__extravars .item__label::after { content: ":"; }

/* 본문 */
html.bk-app .simple-board__read__body { padding: 18px 0 8px !important; }
html.bk-app .simple-board__read__body .rhymix_content {
  font-size: 16px !important; line-height: 1.75 !important; color: var(--bk-text) !important;
}
html.bk-app .simple-board__read__body .rhymix_content img {
  display: block; max-width: 100% !important; height: auto !important; margin: 10px auto; border-radius: 10px;
}
html.bk-app .simple-board__read__body .attachedFile {
  margin: 18px 0 0 !important; padding: 12px 14px !important; border: 0 !important; border-radius: 12px !important;
  background: var(--bk-soft) !important; font-size: 14px !important;
}

/* 글 아래 버튼 (목록/추천 등) */
html.bk-app #xet-simple-board .simple-board__read__footer {
  margin: 8px -18px 0 !important; padding: 12px 18px !important;
  border-top: 1px solid var(--bk-line) !important; border-bottom: 8px solid var(--bk-soft) !important;
}
html.bk-app #xet-simple-board .simple-board__read__footer .xet-board-btn,
html.bk-app #xet-simple-board .simple-board__comment .xet-board-btn.light {
  border: 0 !important; border-radius: 18px !important; background: var(--bk-soft) !important; color: var(--bk-text) !important;
  box-shadow: none !important;
}

/* 댓글: 방명록 목록과 같은 모양 */
html.bk-app #xet-simple-board .simple-board__comment { margin: 0 -18px !important; padding: 0 !important; border: 0 !important; }
html.bk-app #xet-simple-board .simple-board__comment .comment-count {
  padding: 16px 18px 12px !important; margin: 0 !important; border-bottom: 1px solid var(--bk-line) !important;
  font-size: 16px !important; font-weight: 800 !important; color: var(--bk-text) !important;
}
html.bk-app #xet-simple-board .simple-board__comment .comment-list > div {
  margin: 0 !important; padding: 14px 18px !important; border: 0 !important; border-bottom: 1px solid var(--bk-line) !important;
  background: transparent !important; border-radius: 0 !important;
}
html.bk-app #xet-simple-board .simple-board__comment .comment-list__profile .profileImage { display: none !important; }
html.bk-app #xet-simple-board .simple-board__comment .comment-list__content__header,
html.bk-app #xet-simple-board .simple-board__comment .comment-list__content__header * { font-size: 13px !important; color: var(--bk-sub) !important; }
html.bk-app #xet-simple-board .simple-board__comment .comment-list__content__header a[class^="member_"] { font-size: 15px !important; color: var(--bk-text) !important; }
html.bk-app #xet-simple-board .simple-board__comment .comment-list__content__body { padding: 6px 0 0 !important; }
html.bk-app #xet-simple-board .simple-board__comment .comment-list__content__body .rhymix_content { font-size: 15px !important; line-height: 1.55 !important; color: var(--bk-text) !important; }
html.bk-app #xet-simple-board .simple-board__comment .comment-list__content__body .simple-board__btn-group { margin-top: 6px !important; }
html.bk-app #xet-simple-board .simple-board__comment .comment-list__content__body .simple-board__btn-group a {
  font-size: 12px !important; color: var(--bk-sub) !important; background: none !important; border: 0 !important; padding: 0 !important;
}
html.bk-app #xet-simple-board .simple-board__comment .simple-board__pagination { padding: 12px 0 !important; }

/* 댓글 입력 */
html.bk-app #xet-simple-board .simple-board__comment-form-wrp,
html.bk-app #xet-simple-board .simple-board__recomment-form-wrp {
  margin: 0 !important; padding: 12px 0 18px !important; border: 0 !important; background: var(--bk-bg) !important;
}
html.bk-app #xet-simple-board .simple-board__comment-form-wrp textarea,
html.bk-app #xet-simple-board .simple-board__recomment-form-wrp textarea {
  border: 0 !important; border-radius: 18px !important; background: var(--bk-soft) !important; color: var(--bk-text) !important;
  padding: 12px 16px !important; font-size: 15px !important; box-shadow: none !important;
}
html.bk-app #xet-simple-board .simple-board__comment-form-wrp button.xet-board-btn.submit,
html.bk-app #xet-simple-board .simple-board__recomment-form-wrp button.xet-board-btn.submit {
  border: 0 !important; border-radius: 18px !important; background: var(--bk-accent) !important; color: #fff !important;
}

/* ───── 게시판 목록 화면 (홈 목록과 같은 모양) ───── */
/* 큰 게시판 제목/정렬은 상단 바가 대신함 */
html.bk-app #xet-simple-board .simple-board__header,
html.bk-app #xet-simple-board .simple-board__sort-group,
html.bk-app #xet-simple-board .board-dropdown,
html.bk-app #xet-simple-board .simple-board__list .item-list-header {
  display: none !important;
}
/* 분류: 가로로 넘기는 칩 */
html.bk-app #xet-simple-board .simple-board__category-group {
  margin: 0 -18px !important; padding: 10px 18px !important; border: 0 !important; border-bottom: 1px solid var(--bk-line) !important;
  background: var(--bk-bg) !important; overflow-x: auto; scrollbar-width: none;
}
html.bk-app #xet-simple-board .simple-board__category-group::-webkit-scrollbar { display: none; }
html.bk-app #xet-simple-board .board-category {
  display: flex !important; flex-wrap: nowrap !important; gap: 6px; margin: 0 !important; padding: 0 !important; border: 0 !important;
}
html.bk-app #xet-simple-board .board-category li { flex-shrink: 0; margin: 0 !important; padding: 0 !important; border: 0 !important; }
html.bk-app #xet-simple-board .board-category a {
  display: block !important; padding: 6px 12px !important; border: 0 !important; border-radius: 16px !important;
  background: var(--bk-soft) !important; color: var(--bk-text) !important; font-size: 13px !important; white-space: nowrap;
}
html.bk-app #xet-simple-board .board-category a.is-active { background: var(--bk-accent) !important; color: #fff !important; }

/* 목록 줄 */
html.bk-app #xet-simple-board .simple-board__list { margin: 0 -18px !important; border: 0 !important; }
html.bk-app #xet-simple-board .simple-board__list .item-list {
  position: relative; display: block !important; margin: 0 !important; padding: 14px 18px !important;
  border: 0 !important; border-bottom: 1px solid var(--bk-line) !important; background: transparent !important;
}
html.bk-app #xet-simple-board .simple-board__list .item-list:active { background: var(--bk-soft) !important; }
html.bk-app #xet-simple-board .simple-board__list .item-list > .item__inner:not(.item__subject) { display: none !important; }
html.bk-app #xet-simple-board .simple-board__list .item__subject { display: block !important; width: auto !important; padding: 0 !important; }
html.bk-app #xet-simple-board .simple-board__list .m-category { display: block !important; margin: 0 0 3px !important; }
html.bk-app #xet-simple-board .simple-board__list .m-category a {
  position: relative; z-index: 2; font-size: 12px !important; color: var(--bk-accent) !important; background: none !important; padding: 0 !important;
}
html.bk-app #xet-simple-board .simple-board__list .m-subject { display: block !important; }
html.bk-app #xet-simple-board .simple-board__list .m-subject a.subject {
  font-size: 16px !important; line-height: 1.4 !important; font-weight: 400 !important; color: var(--bk-text) !important;
  white-space: normal !important; word-break: keep-all; overflow-wrap: anywhere;
}
/* 줄 전체를 눌러도 글로 이동 */
html.bk-app #xet-simple-board .simple-board__list .m-subject a.subject::after { content: ""; position: absolute; inset: 0; z-index: 1; }
html.bk-app #xet-simple-board .simple-board__list .m-subject .counts { position: relative; z-index: 2; margin-left: 4px; font-size: 13px !important; color: var(--bk-accent) !important; }
html.bk-app #xet-simple-board .simple-board__list .m-date,
html.bk-app #xet-simple-board .simple-board__list .m-count {
  display: inline-block !important; margin: 4px 8px 0 0 !important; font-size: 12px !important; color: var(--bk-sub) !important;
}
/* 공지 */
/* 공지: 흰 배경 + 분홍 '공지' 배지 + 굵은 제목 (관리자가 넣은 제목 색은 무시하고 통일) */
html.bk-app #xet-simple-board .simple-board__list .item-notice { background: transparent !important; padding-top: 12px !important; padding-bottom: 12px !important; }
html.bk-app #xet-simple-board .simple-board__list .item-notice .m-subject { display: flex !important; align-items: baseline; gap: 8px; }
html.bk-app #xet-simple-board .simple-board__list .item-notice .m-subject::before {
  content: "공지"; flex-shrink: 0; padding: 2px 8px; border-radius: 10px;
  background: rgba(255, 10, 140, .1); color: var(--bk-accent); font-size: 12px; font-weight: 700; line-height: 1.5;
}
html.bk-app #xet-simple-board .simple-board__list .item-notice .m-subject a.subject,
html.bk-app #xet-simple-board .simple-board__list .item-notice .m-subject a.subject span {
  font-size: 15px !important; font-weight: 600 !important; color: var(--bk-text) !important;
}
html.bk-app #xet-simple-board .simple-board__list .item-notice .m-subject a.subject {
  display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;
}
html.bk-app #xet-simple-board .simple-board__list .item-notice .m-category,
html.bk-app #xet-simple-board .simple-board__list .item-notice .m-date { display: none !important; }
html.bk-app #xet-simple-board .notice-toggle-row { padding: 8px 18px !important; text-align: center; }
/* 공지 접기: 스킨이 붙이는 notice-hidden 을 앱 스타일(display:block)이 덮지 않게 */
html.bk-app #xet-simple-board .simple-board__list .item-list.notice-hidden { display: none !important; }
html.bk-app #xet-simple-board .notice-toggle-btn {
  padding: 6px 14px !important; border: 0 !important; border-radius: 16px !important;
  background: var(--bk-bg) !important; color: var(--bk-sub) !important; font-size: 13px !important;
}

/* 페이지 번호 */
html.bk-app #xet-simple-board .simple-board__pagination { padding: 16px 0 8px !important; gap: 4px; }
html.bk-app #xet-simple-board .simple-board__pagination a {
  min-width: 34px; height: 34px; line-height: 34px !important; border: 0 !important; border-radius: 17px !important;
  background: none !important; color: var(--bk-sub) !important; font-size: 14px !important; text-align: center;
}
html.bk-app #xet-simple-board .simple-board__pagination a.page-active { background: var(--bk-accent) !important; color: #fff !important; font-weight: 700; }

/* 아래 버튼·검색 */
/* 목록 아래 돋보기·글쓰기 버튼은 숨김 (위쪽 검색 줄 / 상단 글쓰기 버튼으로 대체) */
html.bk-app #xet-simple-board:not(:has(.simple-board__read)):not(:has(.simple-board__write__form)) .simple-board__btn-group.bottom { display: none !important; }
/* 아래쪽 검색창은 숨김 (위의 '검색' 줄로 대체) */
html.bk-app #xet-simple-board .simple-board__search { display: none !important; }

/* ───── 글쓰기 화면 ───── */
html.bk-app #xet-simple-board .simple-board__btn-group.back { display: none !important; }
html.bk-app #xet-simple-board .simple-board__write__form { padding: 16px 0 8px !important; }
html.bk-app #xet-simple-board .simple-board__write__form__wrp { border: 0 !important; padding: 0 !important; background: none !important; }
html.bk-app #xet-simple-board .simple-board__write__form .control-group {
  display: block !important; margin: 0 0 10px !important; padding: 0 !important; border: 0 !important;
}
html.bk-app #xet-simple-board .simple-board__write__form .control-label {
  display: block !important; width: auto !important; margin: 4px 0 6px !important; padding: 0 !important;
  font-size: 13px !important; font-weight: 700 !important; color: var(--bk-sub) !important;
}
/* 입력칸 안내문(placeholder)이 있으니 라벨은 추가 항목에만 */
html.bk-app #xet-simple-board .simple-board__write__form .control-group:not(.extraVars) > .control-label { display: none !important; }
html.bk-app #xet-simple-board .simple-board__write__form .controls { width: auto !important; margin: 0 !important; padding: 0 !important; }
html.bk-app #xet-simple-board .simple-board__write__form input[type="text"],
html.bk-app #xet-simple-board .simple-board__write__form input[type="password"],
html.bk-app #xet-simple-board .simple-board__write__form select {
  width: 100% !important; height: 46px !important; box-sizing: border-box !important; padding: 0 16px !important;
  border: 0 !important; border-radius: 12px !important; background-color: var(--bk-soft) !important;
  color: var(--bk-text) !important; font-size: 16px !important; box-shadow: none !important; outline: none;
}
html.bk-app #xet-simple-board .simple-board__write__form select {
  -webkit-appearance: none; appearance: none; padding-right: 40px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%238e8e93' stroke-width='2' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right 16px center !important;
}
html.bk-app #xet-simple-board .simple-board__write__form input:focus,
html.bk-app #xet-simple-board .simple-board__write__form select:focus { box-shadow: 0 0 0 2px var(--bk-accent) inset !important; }
html.bk-app #xet-simple-board .simple-board__write__form .rx_ev_description { margin: 6px 2px 0 !important; font-size: 12px !important; line-height: 1.5 !important; }
/* 에디터·첨부 */
html.bk-app #xet-simple-board .simple-board__write__form .rx_ckeditor,
html.bk-app #xet-simple-board .simple-board__write__form .cke {
  border-radius: 12px !important; overflow: hidden; border-color: var(--bk-line) !important;
}
html.bk-app #xet-simple-board .simple-board__write__form .xefu-container {
  margin-top: 10px !important; border: 0 !important; border-radius: 12px !important; background: var(--bk-soft) !important;
}
html.bk-app #insertSourceBtn {
  background: var(--bk-soft) !important; color: var(--bk-text) !important; box-shadow: none !important;
  border-radius: 16px !important; font-weight: 700 !important;
}
/* 옵션 체크박스·임시저장 버튼 */
html.bk-app #xet-simple-board .simple-board__write__form .control-group.option { font-size: 14px !important; color: var(--bk-sub) !important; }
html.bk-app #xet-simple-board .simple-board__write__form .control-group .xet-board-btn {
  height: 40px !important; border: 0 !important; border-radius: 20px !important;
  background: var(--bk-soft) !important; color: var(--bk-text) !important; box-shadow: none !important;
}
/* 등록 버튼 */
html.bk-app #xet-simple-board .simple-board__write__form .simple-board__btn-group.bottom { margin: 16px 0 8px !important; padding: 0 !important; }
html.bk-app #xet-simple-board .simple-board__write__form button.xet-board-btn.submit {
  width: 100% !important; height: 50px !important; border: 0 !important; border-radius: 25px !important;
  background: var(--bk-accent) !important; color: #fff !important; font-size: 16px !important; font-weight: 800 !important;
  box-shadow: none !important;
}

/* 회원가입 안내 팝업(애드온)은 하단 탭 위로 */
html.bk-app #xt_join_site_addons {
  left: 8px !important; right: 8px !important; width: auto !important; max-width: none !important;
  bottom: calc(72px + env(safe-area-inset-bottom)) !important;
}

/* 'PC 화면으로 보기' 중 → 앱 화면 복귀 버튼 */
html.bk-app-classic .bk-classic-back {
  display: block; position: fixed; right: 14px; bottom: calc(16px + env(safe-area-inset-bottom)); z-index: 99999;
  padding: 10px 16px; border: 0; border-radius: 22px; background: #ff0a8c; color: #fff;
  font-size: 14px; font-weight: 700; box-shadow: 0 4px 14px rgba(0,0,0,.2);
}

/* ───── 분류 칩 (플레이리스트 등 앱이 직접 그리는 경우) ───── */
html.bk-app .bk-chips {
  display: flex; gap: 6px; padding: 10px 18px; overflow-x: auto; scrollbar-width: none;
  border-bottom: 1px solid var(--bk-line); background: var(--bk-bg);
}
html.bk-app .bk-chips::-webkit-scrollbar { display: none; }
html.bk-app .bk-chips a {
  flex-shrink: 0; padding: 6px 12px; border-radius: 16px; white-space: nowrap;
  background: var(--bk-soft); color: var(--bk-text); font-size: 13px;
}
html.bk-app .bk-chips a.on { background: var(--bk-accent); color: #fff !important; }

/* ───── 플레이리스트 (lv_layout + lv_board) ───── */
/* 원래 옆 메뉴·헤더·드롭다운은 숨기고 본문을 일반 흐름으로 */
html.bk-app .time-bomb,
html.bk-app .time-header,
html.bk-app .th-dropdown,
html.bk-app .blackout {
  display: none !important;
}
html.bk-app .time-scrollable { margin-left: 0 !important; background: var(--bk-bg) !important; }
html.bk-app .time-contents { padding-top: 0 !important; min-height: 0 !important; }
/* 스킨의 큰 제목·+버튼·검색창·분류 드롭다운은 앱 줄로 대체 */
html.bk-app .welv .wl-header,
html.bk-app .welv .wl-search,
html.bk-app .welv .wl-filter,
html.bk-app .welv .wl-catclps {
  display: none !important;
}
html.bk-app .welv .wl-scrollable { padding: 0 !important; }
/* 앨범 격자 */
html.bk-app .welv .wl-cover { padding: 14px 12px 4px !important; }
html.bk-app .welv .pin-img-container,
html.bk-app .welv .pin-img-neue,
html.bk-app .welv .pin-img-overlay,
html.bk-app .welv .pin-img { border-radius: 12px !important; }
html.bk-app .welv .pin-meta { padding: 8px 2px 10px !important; }
html.bk-app .welv .pin-title-link {
  display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  font-size: 14px !important; line-height: 1.4 !important; font-weight: 600 !important; color: var(--bk-text) !important;
}
html.bk-app .welv .pin-tcc { background: none !important; color: var(--bk-accent) !important; font-weight: 600; }
html.bk-app .welv .pin-author-link { font-size: 12px !important; color: var(--bk-sub) !important; }
/* 페이지 번호 */
html.bk-app .welv .wl-pagination a,
html.bk-app .welv .wl-pagination strong {
  border: 0 !important; border-radius: 17px !important; background: none !important; color: var(--bk-sub) !important;
}
html.bk-app .welv .wl-pagination strong,
html.bk-app .welv .wl-pagination .active a { background: var(--bk-accent) !important; color: #fff !important; }

/* 플레이리스트 글 보기: 아래 앨범 목록은 숨김 (뒤로 가기로 목록) */
html.bk-app .welv:has(.rdr-wrap) .welv-list-resizable { display: none !important; }
html.bk-app .welv-rdwd,
html.bk-app .welv-rdwd .read-scrollable { width: auto !important; max-width: none !important; height: auto !important; overflow: visible !important; }
html.bk-app .rdr-wrap .read-grid { padding-left: 18px !important; padding-right: 18px !important; }
/* 순서: 앨범·제목 → 작성자·날짜·조회 → 본문 */
html.bk-app .rdr-cc { display: flex !important; flex-direction: column; }
html.bk-app .rdr-cc > .rdr-info-c { order: 1; padding: 18px 0 0 !important; margin: 0 !important; }
html.bk-app .rdr-cc > .rdr-confetti { order: 2; }
html.bk-app .rdr-cc > .rdr-content { order: 3; }
html.bk-app .rdr-info-flex { align-items: center !important; gap: 14px; }
html.bk-app .rdr-artwork { width: 96px !important; min-width: 96px !important; height: auto !important; margin: 0 !important; }
html.bk-app .rdr-artwork .rdar-img-container,
html.bk-app .rdr-artwork .rdar-img-neue,
html.bk-app .rdr-artwork .rdar-img-overlay,
html.bk-app .rdr-artwork .rdar-img { width: 96px !important; height: 96px !important; border-radius: 12px !important; }
html.bk-app .rdr-meta { padding: 0 !important; min-width: 0; }
html.bk-app .rdr-meta .rdr-meta-cate { font-size: 13px !important; font-weight: 600 !important; color: var(--bk-accent) !important; }
html.bk-app .rdr-meta .rdr-meta-title {
  margin: 4px 0 !important; font-size: 20px !important; font-weight: 800 !important; line-height: 1.35 !important;
  color: var(--bk-text) !important; word-break: keep-all; overflow-wrap: anywhere; letter-spacing: -0.3px;
}
html.bk-app .rdr-meta .rdr-meta-subtitle { font-size: 13px !important; color: var(--bk-sub) !important; }
/* 작성자·날짜·조회·좋아요·댓글 한 줄 */
html.bk-app .rdr-confetti .read-grid { padding-top: 12px !important; padding-bottom: 14px !important; border-bottom: 1px solid var(--bk-line) !important; }
html.bk-app .rdr-confetti-flex { display: flex !important; flex-wrap: wrap; align-items: center; gap: 4px 10px; height: auto !important; border: 0 !important; }
html.bk-app .rdr-avatar, html.bk-app .rdr-avatar-info { display: flex !important; align-items: center; gap: 8px; padding: 0 !important; margin: 0 !important; }
html.bk-app .rdr-avatar img, html.bk-app .rdr-avatar .rdr-avatar-img { display: none !important; }
html.bk-app .rdr-avatar-link, html.bk-app .rdr-avatar-time { font-size: 13px !important; color: var(--bk-sub) !important; }
html.bk-app .rdr-stats { display: flex !important; gap: 10px; margin: 0 !important; padding: 0 !important; border: 0 !important; }
html.bk-app .rdr-stats-item { display: flex !important; gap: 3px; padding: 0 !important; margin: 0 !important; border: 0 !important; }
html.bk-app .rdr-stats-block { font-size: 13px !important; line-height: 1.4 !important; color: var(--bk-sub) !important; }
/* 본문·좋아요·태그 */
html.bk-app .rdr-content .rhymix_content { font-size: 16px !important; line-height: 1.75 !important; color: var(--bk-text) !important; }
html.bk-app .rdr-content .emcard, html.bk-app .rdr-content iframe { border-radius: 12px !important; overflow: hidden; }
html.bk-app .rdr-like-link {
  border: 0 !important; border-radius: 20px !important; background: rgba(255, 10, 140, .1) !important; color: var(--bk-accent) !important;
}
html.bk-app .rdr-like-link * { color: var(--bk-accent) !important; }
html.bk-app .rdr-tags .tag { padding: 4px 10px !important; border-radius: 14px !important; background: var(--bk-soft) !important; color: var(--bk-text) !important; font-size: 13px !important; }
html.bk-app .rdr-bot { border-top: 1px solid var(--bk-line) !important; }
/* 댓글 */
html.bk-app .largo-response { border-top: 8px solid var(--bk-soft) !important; background: var(--bk-bg) !important; }
html.bk-app .largo-response .read-grid { padding-left: 18px !important; padding-right: 18px !important; }
html.bk-app .largo-response .lrs-title { font-size: 16px !important; font-weight: 800 !important; color: var(--bk-text) !important; }
html.bk-app .largo-response .lrs-cnt { color: var(--bk-accent) !important; }
html.bk-app .largo-response .lrs-box,
html.bk-app .largo-response textarea,
html.bk-app .largo-response input[type="text"] {
  border: 0 !important; border-radius: 18px !important; background: var(--bk-soft) !important; color: var(--bk-text) !important; box-shadow: none !important;
}
html.bk-app .largo-response .sltr-item { padding: 12px 0 !important; border: 0 !important; border-bottom: 1px solid var(--bk-line) !important; background: none !important; }
html.bk-app .largo-response .sltr-item * { font-size: 15px; }
/* 플레이리스트 글 보기 보정 */
html.bk-app .rdr-artwork { height: 96px !important; align-self: center; }
html.bk-app .rdr-artwork .rdar-img-container { padding: 0 !important; background: none !important; box-shadow: none !important; }
html.bk-app .rdr-stats { width: auto !important; flex-wrap: wrap; }
html.bk-app .rdr-stats-item { width: auto !important; flex: none !important; align-items: baseline; }
html.bk-app .rdr-stats-block { width: auto !important; min-width: 0 !important; height: auto !important; }
/* 2단 분류(멤버 → 국내/해외): 테두리만 있는 작은 칩 */
html.bk-app .bk-chips-sub { padding-top: 8px; padding-bottom: 8px; }
html.bk-app .bk-chips-sub a {
  padding: 4px 11px; background: none; border: 1px solid var(--bk-line); font-size: 12px; color: var(--bk-sub);
}
html.bk-app .bk-chips-sub a.on { background: none; border-color: var(--bk-accent); color: var(--bk-accent) !important; font-weight: 700; }

/* ───── 플레이리스트 글쓰기 (lv_board) — 일반 게시판 글쓰기와 같은 모양 ───── */
html.bk-app .welv-write-form { padding: 16px 18px 8px !important; max-width: none !important; }
html.bk-app .welv-write-form .twl-header { display: none !important; }
html.bk-app .welv-write-form .twl-select-list,
html.bk-app .welv-write-form .twl-meta-list,
html.bk-app .welv-write-form .twl-extra-list,
html.bk-app .welv-write-form .twl-editor,
html.bk-app .welv-write-form .twl-option,
html.bk-app .welv-write-form .twl-author,
html.bk-app .welv-write-form .twl-btns { padding: 0 !important; margin: 0 0 10px !important; border: 0 !important; }
/* 분류·공지·라벨 선택 */
html.bk-app .welv-write-form .twl-select-flex { display: flex !important; flex-direction: column; gap: 10px; }
html.bk-app .welv-write-form .twl-select-item { width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
html.bk-app .welv-write-form .twl-select-ab { display: none !important; }
/* 제목·태그·추가 항목: 작은 라벨 위, 둥근 입력칸 아래 */
html.bk-app .welv-write-form .twl-meta-item { margin: 0 0 10px !important; border: 0 !important; }
html.bk-app .welv-write-form .twl-meta-flex,
html.bk-app .welv-write-form .twl-extra-flex { display: block !important; border: 0 !important; padding: 0 !important; }
html.bk-app .welv-write-form .twl-meta-label,
html.bk-app .welv-write-form .twl-extra-label {
  display: block !important; width: auto !important; margin: 4px 0 6px !important; padding: 0 !important;
  font-size: 13px !important; font-weight: 700 !important; line-height: 1.4 !important; color: var(--bk-sub) !important;
}
html.bk-app .welv-write-form .twl-meta-input,
html.bk-app .welv-write-form .twl-extra-input { display: block !important; padding: 0 !important; }
html.bk-app .welv-write-form input[type="text"],
html.bk-app .welv-write-form input[type="password"],
html.bk-app .welv-write-form select {
  width: 100% !important; height: 46px !important; box-sizing: border-box !important; padding: 0 16px !important;
  border: 0 !important; border-radius: 12px !important; background-color: var(--bk-soft) !important;
  color: var(--bk-text) !important; font-size: 16px !important; line-height: 46px !important; box-shadow: none !important; outline: none;
}
html.bk-app .welv-write-form select {
  -webkit-appearance: none; appearance: none; padding-right: 40px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%238e8e93' stroke-width='2' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: right 16px center !important;
}
html.bk-app .welv-write-form input:focus,
html.bk-app .welv-write-form select:focus { box-shadow: 0 0 0 2px var(--bk-accent) inset !important; }
html.bk-app .welv-write-form .twl-extra-input .rx_ev_description,
html.bk-app .welv-write-form .twl-extra-input p { margin: 6px 2px 0 !important; font-size: 12px !important; line-height: 1.5 !important; }
/* 에디터 */
html.bk-app .welv-write-form .twl-editor .rx_ckeditor,
html.bk-app .welv-write-form .twl-editor .cke { border-radius: 12px !important; overflow: hidden; border-color: var(--bk-line) !important; }
html.bk-app .welv-write-form .xefu-container { margin-top: 10px !important; border: 0 !important; border-radius: 12px !important; background: var(--bk-soft) !important; }
/* 옵션 체크박스 */
html.bk-app .welv-write-form .twl-option-flex { gap: 4px 10px; font-size: 14px !important; color: var(--bk-sub) !important; }
html.bk-app .welv-write-form .twl-option-flex label { font-size: 14px !important; color: var(--bk-sub) !important; }
/* 비회원 이름·비밀번호 */
html.bk-app .welv-write-form .twl-author-flex { display: flex !important; flex-direction: column; gap: 10px; }
html.bk-app .welv-write-form .twl-author-item { width: 100% !important; margin: 0 !important; }
html.bk-app .welv-write-form .twl-author-item input { width: 100% !important; }
/* 버튼: 임시저장·불러오기는 회색, 완료는 화면 폭 분홍 */
html.bk-app .welv-write-form .twl-btns-flex { display: flex !important; flex-wrap: wrap; gap: 8px; }
html.bk-app .welv-write-form .twl-btns-item { margin: 0 !important; }
html.bk-app .welv-write-form .twl-btns-item.twl-mla { flex: 1 0 100%; margin: 6px 0 0 !important; }
html.bk-app .welv-write-form .twl-btn {
  height: 40px !important; padding: 0 16px !important; border: 0 !important; border-radius: 20px !important;
  background: var(--bk-soft) !important; color: var(--bk-text) !important; font-size: 14px !important;
}
html.bk-app .welv-write-form button[type="submit"] {
  width: 100% !important; height: 50px !important; border: 0 !important; border-radius: 25px !important;
  background: var(--bk-accent) !important; color: #fff !important; font-size: 16px !important; font-weight: 800 !important;
}

/* 유튜브 자동 재생 화면 (플레이리스트 본문, 앱·PC 공통이라 bk-app 조건 없음) */
.bk-yt { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin: 10px 0; border-radius: 12px; overflow: hidden; background: #000; }
.bk-yt.bk-yt-short { max-width: 360px; height: auto; padding-bottom: 0; aspect-ratio: 9 / 16; margin-left: auto; margin-right: auto; }
.bk-yt iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }