/* ===================================================================
   theme-light.css — edmkorea.com 라이트 테마 (v4 크림, 2026-11-04)
   켜는 법: <html>에 data-theme="light" (edm-theme 스크립트가 자동 설정)
   원칙: 색·배경·테두리·그림자만 바꾸고, 크기·위치는 그대로 둬요.
         (새 카드 테두리에 붙는 곳 두어 군데만 여백을 조금 줬어요. 글씨 다듬기는 맨 아래)
   디자인 (v2 피드백: 경계선이 안 보이고 눈이 아파요 → v4: 사용자가 크림 시안을 골랐어요)
     - 종이 같은 미색 바탕 위에 따뜻한 흰 카드, 카드와 영역은 또렷한 1px 테두리로 나눠요.
     - 글자는 순검정 대신 따뜻한 먹색(#231e19), 보조 글자도 읽히는 진하기로.
     - 핑크는 장미빛(#d92f55)으로, 넓은 면 대신 포인트에만 써요.
     - 선택된 탭·페이지 번호는 먹색, 핑크는 활성 메뉴·가입·다운로드·좋아요에만.
   색은 아래 --lt-* 변수만 바꾸면 전체가 같이 바뀌어요.
   모든 규칙은 [data-theme="light"] 아래에 있어서 다크 모드에는 영향이 없어요.
=================================================================== */

html[data-theme="light"]{
  color-scheme: light;
  accent-color: var(--lt-accent); /* 기본 체크박스·라디오(보관함 선택, 신고 사유)를 파랑 대신 핑크로 */

  --lt-bg:#f5f1ea;            /* 페이지 바탕: 종이 같은 따뜻한 미색 */
  --lt-side:#fffdf9;          /* 사이드바·상단바·플레이어 (살짝 따뜻한 흰색) */
  --lt-surface:#fffdf9;       /* 카드·표·팝업 */
  --lt-subtle:#faf7f2;        /* 표 머리줄 */
  --lt-fill:#efe9df;          /* 버튼·칩 바탕 */
  --lt-fill-hover:#e7e0d4;    /* 마우스를 올렸을 때 */
  --lt-border:#d3c8b8;        /* 카드·입력칸·영역 테두리: 바탕 대비 1.5:1로 또렷하게 */
  --lt-border-strong:#c4b8a6; /* 버튼·탭·입력칸 테두리, 마우스 올린 카드 */
  --lt-divider:#e0d7c9;       /* 카드 안 목록 줄 사이 */

  --lt-text:#231e19;          /* 제목·중요한 글자 (따뜻한 먹색) */
  --lt-text-2:#3d362e;        /* 일반 글자 */
  --lt-text-3:#665c52;        /* 보조 글자 (아티스트·날짜·숫자): 바탕에서 5.8:1 */
  --lt-text-4:#988d81;        /* 가장 흐린 글자 (꾸밈용) */
  --lt-placeholder:#736a60;   /* 입력칸 안내 글자: 5.2:1 (입력한 글자보다는 흐리게) */

  --lt-accent:#d92f55;        /* 장미빛 핑크 (흰 글씨 4.7:1) */
  --lt-accent-hover:#bf2347;
  --lt-accent-soft:#fdeef1;   /* 연핑크 바탕 */
  --lt-accent-soft-2:#fadbe2;
  --lt-accent-line:#f4bfcb;   /* 연핑크 테두리 */
  --lt-accent-text:#bf2347;   /* 핑크 글씨: 연핑크·미색 바탕에서 5.3:1 */
  --lt-ink:#231e19;           /* 선택된 탭·페이지 번호 바탕 */

  /* rgba()에 쓰는 색 숫자 (반투명 막·그림자·고리) */
  --lt-ink-rgb:35,30,25;
  --lt-shadow-rgb:60,40,20;
  --lt-accent-rgb:217,47,85;
  --lt-bg-rgb:245,241,234;
  --lt-surface-rgb:255,253,249;

  --lt-shadow-sm:0 1px 2px rgba(var(--lt-shadow-rgb),.06);
  --lt-shadow-md:0 6px 16px rgba(var(--lt-shadow-rgb),.10);
  --lt-shadow-lg:0 14px 36px rgba(var(--lt-shadow-rgb),.16);
  --lt-ring:0 0 0 3px rgba(var(--lt-accent-rgb),.14);

  /* 사이트 원래 변수 (default.css) */
  --bg:var(--lt-bg);
  --panel:var(--lt-side);
  --panel-2:var(--lt-fill);
  --text:var(--lt-text);
  --muted:var(--lt-text-3);
  --line:var(--lt-border);
  --chip:var(--lt-accent-soft);
  --brand:var(--lt-accent);

  /* 차트 페이지 변수 (sub/css/chart.css) */
  --bp-bg:var(--lt-bg);
  --bp-panel:var(--lt-surface);
  --bp-line:var(--lt-divider);
  --bp-text:var(--lt-text-3);
  --bp-text-strong:var(--lt-text);
  --bp-link:var(--lt-accent);
  --bp-muted:var(--lt-text-3);
  --bp-pill:var(--lt-surface);
  --bp-pill-on:var(--lt-fill-hover);
  --bp-btn:var(--lt-accent);
  --bp-price:var(--lt-accent);
}

/* ===================================================================
   기본
=================================================================== */
html[data-theme="light"],
[data-theme="light"] body{ background:var(--lt-bg); color:var(--lt-text); }
[data-theme="light"] a{ color:var(--lt-text); }
[data-theme="light"] ::selection{ background:var(--lt-accent-soft-2); color:var(--lt-text); }
[data-theme="light"] ::-webkit-scrollbar-thumb{ background:var(--lt-border-strong); }
[data-theme="light"] ::-webkit-scrollbar-thumb:hover{ background:var(--lt-text-4); }

/* ===================================================================
   사이드바 · 모바일 상단바
=================================================================== */
[data-theme="light"] .va-sidebar{ background:var(--lt-side); border-right:1px solid var(--lt-border); box-shadow:none; }
[data-theme="light"] .va-header{ background:var(--lt-side); border-bottom:1px solid var(--lt-border); box-shadow:none; }
[data-theme="light"] .va-logo a,
[data-theme="light"] .va-header a{ color:var(--lt-text) !important; }
[data-theme="light"] .va-logo{ color:var(--lt-text); }
[data-theme="light"] .va-nav-toggle .bar{ background:var(--lt-text); }

/* 왼쪽 메뉴 */
[data-theme="light"] .va-nav a,
[data-theme="light"] .va-nav-parent{ color:var(--lt-text-2); }
[data-theme="light"] .va-nav a i,
[data-theme="light"] .va-nav-parent i{ color:var(--lt-text-3); }
[data-theme="light"] .va-nav a:hover,
[data-theme="light"] .va-nav-parent:hover{ background:var(--lt-fill); color:var(--lt-text); }
[data-theme="light"] .va-nav a.active{ background:var(--lt-accent-soft); color:var(--lt-accent-text); }
[data-theme="light"] .va-nav a.active i{ color:var(--lt-accent-text); }
[data-theme="light"] .va-nav-parent .caret{ color:var(--lt-text-3); } /* 펼침 화살표: 옆 아이콘과 같은 진하기 (회색 바탕에서도 보이게) */
[data-theme="light"] .va-subnav a{ color:var(--lt-text-3); }
[data-theme="light"] .va-subnav a:hover{ color:var(--lt-text); background:var(--lt-fill); }
[data-theme="light"] .va-subnav a.active{ color:var(--lt-accent-text); background:var(--lt-accent-soft); }
[data-theme="light"] .va-dashboard .btn-row button{ background:var(--lt-fill); color:var(--lt-text); }
[data-theme="light"] .va-dashboard .btn-row button:hover{ background:var(--lt-fill-hover); }
[data-theme="light"] .va-dim{ background:rgba(var(--lt-ink-rgb),.35); }

/* 회원 카드 */
[data-theme="light"] .va-membership .avatar{ background:var(--lt-fill); box-shadow:inset 0 0 0 1px var(--lt-border); }
[data-theme="light"] .va-membership .who .name{ color:var(--lt-text); }
[data-theme="light"] .va-membership .who .hint,
[data-theme="light"] .va-membership .mem-note{ color:var(--lt-text-3); }
[data-theme="light"] .va-membership .mem-note .em{ color:var(--lt-accent-text); }
[data-theme="light"] .va-membership .badge{ background:var(--lt-accent-soft); border-color:var(--lt-accent-line); color:var(--lt-accent-text); }
[data-theme="light"] .va-membership .manage-btn{ background:var(--lt-surface); color:var(--lt-text); border-color:var(--lt-border-strong); }
[data-theme="light"] .va-membership .manage-btn:hover{ background:var(--lt-fill); }

/* 광고 배너(.mem-btn): 눈이 덜 피곤하게 연한 핑크·보라 바탕 + 진한 핑크 글씨 */
[data-theme="light"] .mem-btn{
  background:linear-gradient(135deg,var(--lt-accent-soft) 0%,#fbf0e4 100%) !important;
  border:1px solid var(--lt-accent-line) !important; box-shadow:none !important;
}
[data-theme="light"] .mem-btn,
[data-theme="light"] .mem-btn a,
[data-theme="light"] .mem-btn .rolling-text,
[data-theme="light"] .mem-btn .rolling-wrap a{ color:var(--lt-accent-text) !important; }

/* 로그인·회원가입 (head.php .va-btn) */
[data-theme="light"] .va-login-area .va-btn{
  background:var(--lt-surface); color:var(--lt-text); border:1px solid var(--lt-border-strong);
  box-shadow:var(--lt-shadow-sm);
}
[data-theme="light"] .va-login-area .va-btn:hover{ background:var(--lt-fill); opacity:1; }
[data-theme="light"] .va-login-area a.va-btn:nth-of-type(2){ background:var(--lt-accent); border-color:var(--lt-accent); color:#fff; }
[data-theme="light"] .va-login-area a.va-btn:nth-of-type(2):hover{ background:var(--lt-accent-hover); }
/* 화면 모드 바꾸기 (head.php): 컴퓨터는 로그인 왼쪽 동그란 단추, 휴대폰은 맨 윗줄 검색 아이콘 왼쪽(.va-theme-m, 검색 아이콘과 같은 모양) */
[data-theme="light"] .va-theme-btn{ background:var(--lt-surface); border-color:var(--lt-border-strong); color:var(--lt-text-2); box-shadow:var(--lt-shadow-sm); }
[data-theme="light"] .va-theme-btn:hover{ background:var(--lt-fill-hover); color:var(--lt-text); }
[data-theme="light"] .va-theme-m{ background:var(--lt-fill); color:var(--lt-text); box-shadow:inset 0 0 0 1px var(--lt-border); }
[data-theme="light"] .va-theme-m:hover{ background:var(--lt-fill-hover); }
/* 언어 바꾸기 (css/edm_lang.css, 2026-11): 컴퓨터는 화면 모드 단추 왼쪽 지구본 단추 + 펼침 목록, 휴대폰은 ☰ 메뉴 맨 위 고르기 칸 */
[data-theme="light"] .edm-lang-btn{ background:var(--lt-surface); border-color:var(--lt-border-strong); color:var(--lt-text-2); box-shadow:var(--lt-shadow-sm); }
[data-theme="light"] .edm-lang-btn:hover,
[data-theme="light"] .edm-lang.open .edm-lang-btn{ background:var(--lt-fill-hover); color:var(--lt-text); }
[data-theme="light"] .edm-lang-pop{ background:var(--lt-surface); border-color:var(--lt-border); box-shadow:var(--lt-shadow-lg); }
[data-theme="light"] .edm-lang-pop button{ color:var(--lt-text-2); }
[data-theme="light"] .edm-lang-pop button:hover{ background:var(--lt-fill); color:var(--lt-text); }
[data-theme="light"] .edm-lang-pop button[aria-checked="true"]{ color:var(--lt-text); }
[data-theme="light"] .edm-lang-pop button[aria-checked="true"]::after{ color:var(--lt-accent); }
[data-theme="light"] .edm-lang-credit{ border-top-color:var(--lt-divider); color:var(--lt-text-3) !important; }
[data-theme="light"] .edm-lang-row label{ background:var(--lt-fill); color:var(--lt-text-2); }
[data-theme="light"] .edm-lang-row select{ background:var(--lt-surface); border-color:var(--lt-border-strong); color:var(--lt-text); }
[data-theme="light"] .va-username{ color:var(--lt-text); }
[data-theme="light"] .va-avatar{ border-color:var(--lt-border); }
[data-theme="light"] .va-login-icon,
[data-theme="light"] .va-login-icon2{ background:var(--lt-accent-soft) !important; color:var(--lt-accent-text) !important; box-shadow:inset 0 0 0 1px var(--lt-accent-line); }

/* ===================================================================
   검색창
=================================================================== */
[data-theme="light"] .va-search-form{ background:var(--lt-surface); border:1px solid var(--lt-border-strong); box-shadow:var(--lt-shadow-sm); }
[data-theme="light"] .va-search-form:focus-within{ border-color:var(--lt-accent); box-shadow:var(--lt-ring); }
/* 바깥 상자에 핑크 테두리·고리가 생기니, 안쪽 입력칸 고리(양 끝에 옅은 분홍 세로줄로 보이던 것)는 빼요 */
[data-theme="light"] .va-search-form .va-search-input:focus{ box-shadow:none; }
[data-theme="light"] .va-search-input{ background:transparent; color:var(--lt-text); }
[data-theme="light"] .va-search-input::placeholder{ color:var(--lt-placeholder); }
[data-theme="light"] .va-search-btn{ color:var(--lt-text-2); }
[data-theme="light"] .va-search-btn:hover{ color:var(--lt-accent-text); }
[data-theme="light"] .va-search-icon{ background:var(--lt-fill); color:var(--lt-text); box-shadow:inset 0 0 0 1px var(--lt-border); }
[data-theme="light"] .va-search-icon:hover{ background:var(--lt-fill-hover); }
[data-theme="light"] .va-search-overlay{ background:var(--lt-side); border-bottom:1px solid var(--lt-border); }
[data-theme="light"] .va-search-cancel{ color:var(--lt-text); }
[data-theme="light"] .search-select,
[data-theme="light"] .search-input{ background:var(--lt-surface); color:var(--lt-text); border-color:var(--lt-border); }
[data-theme="light"] .search-input::placeholder{ color:var(--lt-placeholder); }
/* 영상 게시판(you 스킨)은 입력칸을 누르면 테두리를 !important로 회색·0px로 바꿔서 포커스가 거의 안 보여요.
   테두리 자리에 핑크 선을 겹쳐 그려요 (basic 스킨에서는 핑크 테두리와 정확히 겹쳐서 그대로예요) */
html[data-theme="light"] .search-select:focus,
html[data-theme="light"] input.search-input:focus{ outline:1px solid var(--lt-accent); outline-offset:-1px; } /* input까지 써야 아래 공통 입력칸 규칙(outline:none)을 이겨요 */
[data-theme="light"] .search-btn{ color:var(--lt-text-3); }
[data-theme="light"] .search-btn:hover{ color:var(--lt-text); }

/* ===================================================================
   제목 · 버튼 · 탭 · 페이지 번호
=================================================================== */
[data-theme="light"] .va-title,
[data-theme="light"] .va-section .title,
[data-theme="light"] p.title{ color:var(--lt-text); }
[data-theme="light"] .va-head-actions{ color:var(--lt-text-3); }
[data-theme="light"] .va-btn-line{ background:var(--lt-surface); color:var(--lt-text); border:1px solid var(--lt-border-strong); box-shadow:var(--lt-shadow-sm); }
[data-theme="light"] .va-btn-line:hover{ background:var(--lt-fill-hover); }
[data-theme="light"] .btn_submit{ background:var(--lt-ink); color:#fff; }
/* 마우스를 올리면 default.css의 다크용 형광 핑크(#ff0050)가 나와서, 한 톤 밝은 먹색으로 (신고하기·댓글등록 등) */
[data-theme="light"] .btn_submit:hover{ background:var(--lt-text-2); }
[data-theme="light"] .btn_close{ background:var(--lt-fill); border-color:var(--lt-border); color:var(--lt-text); }
[data-theme="light"] a.btn01,[data-theme="light"] button.btn01{ background:var(--lt-surface); border-color:var(--lt-border-strong); color:var(--lt-text); }
[data-theme="light"] a.btn02,[data-theme="light"] button.btn02{ background:var(--lt-fill); border-color:var(--lt-border); color:var(--lt-text); }
[data-theme="light"] .btn_b01{ color:var(--lt-text-3); }
[data-theme="light"] a.btn_frmline,[data-theme="light"] button.btn_frmline{ background:var(--lt-fill); color:var(--lt-text); border:1px solid var(--lt-border); }
[data-theme="light"] .board_btn02,
[data-theme="light"] .board_btn03{ background:var(--lt-surface); border:1px solid var(--lt-border-strong); color:var(--lt-text); }
[data-theme="light"] .board_btn02:hover,
[data-theme="light"] .board_btn03:hover{ background:var(--lt-fill); color:var(--lt-text); }
/* 글쓰기(.board_btn01)는 주 단추라 핑크 그대로, 글자는 흰색 */
[data-theme="light"] .board_btn01{ background:var(--lt-accent); border:1px solid var(--lt-accent); color:#fff; }
[data-theme="light"] .board_btn01:hover{ background:var(--lt-accent-hover); color:#fff; }

/* 탭 (전체·일간·주간·월간) */
[data-theme="light"] .va-tab a{ background:var(--lt-surface); color:var(--lt-text-2); border:1px solid var(--lt-border-strong); box-shadow:none; }
[data-theme="light"] .va-tab a:hover{ background:var(--lt-fill-hover); }
[data-theme="light"] .va-tab a.on{ background:var(--lt-accent-soft); color:var(--lt-accent-text); border-color:var(--lt-accent-line); }
[data-theme="light"] .va-tab.single a{ background:var(--lt-fill); color:var(--lt-text-3); }

/* 페이지 번호 */
[data-theme="light"] .pagination a{ background:var(--lt-surface); color:var(--lt-text-2); border:1px solid var(--lt-border-strong); box-shadow:none; }
[data-theme="light"] .pagination a:hover{ background:var(--lt-fill-hover); color:var(--lt-text); }
[data-theme="light"] .pagination a.on,
[data-theme="light"] .pagination span{ background:var(--lt-ink); border-color:var(--lt-ink); color:#fff; }
[data-theme="light"] .pg_page,
[data-theme="light"] .pg_start,[data-theme="light"] .pg_prev,
[data-theme="light"] .pg_end,[data-theme="light"] .pg_next{ background-color:var(--lt-surface); border-color:var(--lt-border); color:var(--lt-text-2); }
[data-theme="light"] .pg_page:hover,
[data-theme="light"] .pg_start:hover,[data-theme="light"] .pg_prev:hover,
[data-theme="light"] .pg_end:hover,[data-theme="light"] .pg_next:hover{ background-color:var(--lt-fill); }
[data-theme="light"] .pg_current{ background:var(--lt-ink); border-color:var(--lt-ink); color:#fff; }

/* ===================================================================
   카드 · 앨범 · 차트 — 흰 카드 + 또렷한 테두리
=================================================================== */
[data-theme="light"] .va-card{ background:var(--lt-surface); border:1px solid var(--lt-border); color:var(--lt-text); box-shadow:var(--lt-shadow-sm); }
[data-theme="light"] .va-card:hover{ border-color:var(--lt-border-strong); box-shadow:var(--lt-shadow-md); }
[data-theme="light"] .va-card .thumb{ background:var(--lt-fill); border-bottom:1px solid var(--lt-divider); }
[data-theme="light"] .va-card .meta .title,
[data-theme="light"] .va-card .title{ color:var(--lt-text); }
[data-theme="light"] .va-card .meta .subtitle{ color:var(--lt-text-3); }
[data-theme="light"] .va-album{ color:var(--lt-text); }
[data-theme="light"] .va-album .thumb{ background:var(--lt-fill); box-shadow:inset 0 0 0 1px var(--lt-border); }
[data-theme="light"] .va-album .title{ color:var(--lt-text); }
[data-theme="light"] .va-album .artist{ color:var(--lt-text-3); }
[data-theme="light"] .va-chart{ border-top-color:var(--lt-border); }
[data-theme="light"] .va-chart-item{ border-bottom-color:var(--lt-border); }
[data-theme="light"] .va-chart-item .rank{ color:var(--lt-text); }
[data-theme="light"] .va-chart-item .cover img{ background:var(--lt-fill); box-shadow:inset 0 0 0 1px var(--lt-border); }
[data-theme="light"] .va-chart-item .info .title{ color:var(--lt-text); }
[data-theme="light"] .va-chart-item .info .artist,
[data-theme="light"] .va-chart-item .plays{ color:var(--lt-text-3); }
/* 메인 'Soundcloud Hit Music' 100곡: 회색 바탕에 줄만 있던 목록을 위 '최신트랙'처럼 흰 타일로.
   테두리는 바깥 그림자 1px로 그려서 크기·위치는 그대로, 마우스를 올리면 살짝 떠올라요. 재생 중인 곡은 연핑크 타일 */
html[data-theme="light"] .va-chart-item{
  background:var(--lt-surface);
  border-bottom-color:transparent;
  border-radius:10px;
  box-shadow:0 0 0 1px var(--lt-border), var(--lt-shadow-sm);
  transition:box-shadow .15s ease;
}
@media (hover:hover){
  html[data-theme="light"] .va-chart-item:hover{ box-shadow:0 0 0 1px var(--lt-border-strong), var(--lt-shadow-md); }
}
html[data-theme="light"] .va-chart-item.active,
html[data-theme="light"] .va-chart-item.active:hover{ background:var(--lt-accent-soft); box-shadow:0 0 0 1px var(--lt-accent-line), var(--lt-shadow-sm); }
[data-theme="light"] .img-fallback{ background:var(--lt-fill-hover); }
[data-theme="light"] .c-meta,
[data-theme="light"] .va-card .c-meta{ color:var(--lt-text-3); }
[data-theme="light"] .ico,
[data-theme="light"] button.ico,
[data-theme="light"] .ico.more{ color:var(--lt-text-3); }
/* 지금 재생 중인 곡 표시: 연핑크 바탕 + 핑크 테두리 (앨범 칸은 그림 둘레에만 고리) */
[data-theme="light"] .bp-row.active,
[data-theme="light"] .va-chart-item.active{ background:var(--lt-accent-soft); }
[data-theme="light"] .va-card.active{ background:var(--lt-surface); border-color:var(--lt-accent); box-shadow:0 0 0 1px var(--lt-accent), var(--lt-shadow-md); }
[data-theme="light"] .va-album.active{ background:transparent; }
[data-theme="light"] .va-album.active .thumb{ box-shadow:0 0 0 2px var(--lt-accent); }
[data-theme="light"] .va-chart-item.active .title,
[data-theme="light"] .va-card.active .title,
[data-theme="light"] .va-album.active .title{ color:var(--lt-accent-text) !important; }
/* 메인 TOP100의 그림 없는 칸 (main.php) */
[data-theme="light"] .noimg,
[data-theme="light"] .va-chart-item .cover .noimg{ background:var(--lt-fill); color:var(--lt-text-3); }
/* .play-btn(앨범아트 위 재생 단추)은 흰색 그대로 둬요 */

/* ===================================================================
   차트 목록 페이지 (sub/css/chart.css + 각 페이지 style)
=================================================================== */
[data-theme="light"] .bp-sort,
[data-theme="light"] .bp-select{ background:var(--lt-surface); color:var(--lt-text); border:1px solid var(--lt-border-strong); }
[data-theme="light"] .bp-select:hover{ background:var(--lt-fill); border-color:var(--lt-border-strong); }
[data-theme="light"] .bp-pill{ background:var(--lt-surface); color:var(--lt-text-2); border:1px solid var(--lt-border-strong); }
[data-theme="light"] .bp-pill:hover{ background:var(--lt-fill-hover); }
[data-theme="light"] .bp-pill.on{ background:var(--lt-ink); color:#fff; border-color:var(--lt-ink); }
[data-theme="light"] .bp-pages a{ color:var(--lt-text-3); }
[data-theme="light"] .bp-pages a.on{ color:var(--lt-text); }
/* 곡 목록 표는 흰 카드 안에 넣어요 */
[data-theme="light"] .bp-table{ background:var(--lt-surface); border:1px solid var(--lt-border); border-radius:14px; overflow:hidden; box-shadow:var(--lt-shadow-sm); }
[data-theme="light"] .bp-thead{ background:var(--lt-subtle); border-bottom:1px solid var(--lt-border); color:var(--lt-text-3); }
[data-theme="light"] .bp-row{ border-bottom-color:var(--lt-divider); }
[data-theme="light"] .bp-row:last-child{ border-bottom-color:transparent; }
[data-theme="light"] .bp-row:hover{ background:var(--lt-subtle); }
/* 재생 중인 줄은 마우스를 올려도 연핑크 + 왼쪽 핑크 막대 */
[data-theme="light"] .bp-row.active,
[data-theme="light"] .bp-row.active:hover{ background:var(--lt-accent-soft); box-shadow:inset 3px 0 0 var(--lt-accent); }
/* 곡이 하나도 없을 때 빈 카드 선이 남지 않게 */
[data-theme="light"] .bp-table:not(:has(.bp-tbody .bp-row)){ border-width:0; box-shadow:none; }
/* 믹셋 목록은 마지막 칸이 카드 테두리에 붙어서 오른쪽에 숨 쉴 틈을 줘요 */
@media (min-width:721px){
  [data-theme="light"] .bp-table .bp-thead,
  [data-theme="light"] .bp-table .bp-tbody .bp-row{ padding-right:12px; }
}
[data-theme="light"] .bp-row.active .t-title{ color:var(--lt-accent-text) !important; }
[data-theme="light"] .bp-options{ border-bottom-color:transparent; }
[data-theme="light"] .c-act .ico.heart::before{ color:var(--lt-accent-text); }
/* 검색어 표시: 형광 노랑 대신 연핑크 */
[data-theme="light"] .highlight{ background:var(--lt-accent-soft-2); color:inherit; border-radius:3px; }
[data-theme="light"] .bp-section-title{ color:var(--lt-text); }
[data-theme="light"] .bp-board-date{ color:var(--lt-text-3); }
[data-theme="light"] .bp-switch i{ background:var(--lt-border-strong); }
[data-theme="light"] .c-rank{ color:var(--lt-text); }
[data-theme="light"] .c-cover img,
[data-theme="light"] .c-cover .noimg{ background:var(--lt-fill); }
[data-theme="light"] .c-cover .noimg{ color:var(--lt-text-3); }
/* 곡 줄의 작은 기능 단추(▶ ＋ ♥ ✕): 체크박스처럼 보이던 테두리 네모 대신 옅게 채운 단추.
   반투명 남색이라 흰 줄·마우스 올린 줄·재생 중인 연핑크 줄 어디서나 보여요. 모서리는 DOWN과 같은 6px */
html[data-theme="light"] .c-act .ico{ background:rgba(var(--lt-ink-rgb),.06); box-shadow:none; border-radius:6px; }
html[data-theme="light"] .c-act .ico:hover{ background:rgba(var(--lt-ink-rgb),.12); }
[data-theme="light"] .c-act .ico.play::before,
[data-theme="light"] .c-act .ico.plus::before,
[data-theme="light"] .c-act .ico.del::before,
[data-theme="light"] .c-act .ico.list::before{ color:var(--lt-text-2); }
[data-theme="light"] .c-title .t-title{ color:var(--lt-text); }
[data-theme="light"] .c-title .t-title:hover{ color:var(--lt-accent-text); }
[data-theme="light"] .c-title .t-artist{ color:var(--lt-text-3); }
[data-theme="light"] .c-label .t-label,
[data-theme="light"] .c-label .t-remix{ color:var(--lt-text-3); }
[data-theme="light"] .c-genre .t-genre{ color:var(--lt-text-2); }
[data-theme="light"] .c-genre .t-bpmkey{ color:var(--lt-text-3); }
[data-theme="light"] .c-release{ color:var(--lt-text-3); }
/* 다운로드 단추: 꽉 찬 핑크 대신 연핑크 + 핑크 글씨 */
[data-theme="light"] .bp-price{ background:var(--lt-accent-soft); color:var(--lt-accent-text); border:1px solid var(--lt-accent-line); filter:none; }
[data-theme="light"] .bp-price:hover{ background:var(--lt-accent); color:#fff; border-color:var(--lt-accent); filter:none; }
[data-theme="light"] .view-tracks .t-title{ color:var(--lt-text); }
[data-theme="light"] .view-tracks .t-artist,
[data-theme="light"] .view-tracks .c-meta{ color:var(--lt-text-3); }
[data-theme="light"] .track-menu-inner{ background:var(--lt-surface); border:1px solid var(--lt-border); box-shadow:var(--lt-shadow-lg); }
[data-theme="light"] .track-menu-inner button{ color:var(--lt-text); }
[data-theme="light"] .track-menu-inner button:hover{ background:var(--lt-fill); }

/* ===================================================================
   표 · 입력칸
=================================================================== */
[data-theme="light"] .tbl_wrap table{ background:var(--lt-surface); border-top-color:var(--lt-border); border-bottom-color:var(--lt-border); }
[data-theme="light"] .tbl_head01 thead th{ background:var(--lt-subtle); color:var(--lt-text-3); border-color:var(--lt-border); }
[data-theme="light"] .tbl_head01 td{ color:var(--lt-text-2); border-top-color:var(--lt-divider); border-bottom-color:var(--lt-divider); }
[data-theme="light"] .tbl_head01 tbody tr:hover td{ background:var(--lt-subtle); }
[data-theme="light"] .list_01 li{ border-color:var(--lt-divider); }
[data-theme="light"] .list_01 li:nth-child(odd){ background:var(--lt-subtle); }
[data-theme="light"] .list_01 li:hover{ background:var(--lt-fill); }
[data-theme="light"] .wr_content textarea,
[data-theme="light"] .tbl_frm01 textarea,
[data-theme="light"] .form_01 textarea,
[data-theme="light"] .frm_input,
[data-theme="light"] select,
[data-theme="light"] input[type="text"],
[data-theme="light"] input[type="password"],
[data-theme="light"] input[type="email"],
[data-theme="light"] input[type="search"],
[data-theme="light"] textarea{ background-color:var(--lt-surface); color:var(--lt-text); border-color:var(--lt-border); }
[data-theme="light"] .frm_input:focus,
[data-theme="light"] select:focus,
[data-theme="light"] input[type="text"]:focus,
[data-theme="light"] input[type="password"]:focus,
[data-theme="light"] input[type="email"]:focus,
[data-theme="light"] textarea:focus{ border-color:var(--lt-accent); box-shadow:var(--lt-ring); outline:none; }
[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder{ color:var(--lt-placeholder); }
[data-theme="light"] .placeholdersjs{ color:var(--lt-placeholder) !important; }

/* ===================================================================
   푸터 · 옛 상단 헤더(#hd)
=================================================================== */
[data-theme="light"] #ft{ background:var(--lt-side); border-top:1px solid var(--lt-border); box-shadow:none; }
[data-theme="light"] #ft_link a{ color:var(--lt-text-2); }
[data-theme="light"] #ft_company,
[data-theme="light"] #ft_copy{ color:var(--lt-text-3); }
[data-theme="light"] #ft_copy{ border-top-color:var(--lt-divider); }
[data-theme="light"] #hd{ background:var(--lt-side); border-bottom:1px solid var(--lt-border); }
[data-theme="light"] #tnb{ border-bottom-color:var(--lt-divider); }
[data-theme="light"] #hd_sch #sch_stx,
[data-theme="light"] #hd_sch #sch_submit{ background:var(--lt-fill); color:var(--lt-text); }
[data-theme="light"] #hd_define li,[data-theme="light"] #hd_qnb li{ border-right-color:var(--lt-divider); }
[data-theme="light"] #hd_define li a,[data-theme="light"] #hd_qnb li a{ color:var(--lt-text-3); }
[data-theme="light"] #hd_define li.active a{ color:var(--lt-text); }
[data-theme="light"] .hd_login li{ border-left-color:var(--lt-divider); }
[data-theme="light"] .hd_login a{ color:var(--lt-text); }

/* ===================================================================
   하단 음악 플레이어 (player.php + sub/css/player.css)
=================================================================== */
[data-theme="light"] #bottom_player,
[data-theme="light"] #bottom_player_mo{ background:var(--lt-side); border-top:1px solid var(--lt-border); color:var(--lt-text);
  box-shadow:0 -4px 16px rgba(var(--lt-shadow-rgb),.05); }
[data-theme="light"] .bottom_player_info{ color:var(--lt-text); }
[data-theme="light"] #bottom_player_title{ background:none; -webkit-text-fill-color:var(--lt-text); color:var(--lt-text); }
[data-theme="light"] #bottom_player_artist,
[data-theme="light"] #bottom_player_meta{ color:var(--lt-text-3); }
[data-theme="light"] .bottom_player_time{ color:var(--lt-text-2); }
[data-theme="light"] .bottom_player_controls button{ color:var(--lt-text); }
[data-theme="light"] .bottom_player_add svg{ fill:var(--lt-text); }
[data-theme="light"] #bottom_player_btn_volume,
[data-theme="light"] #btn_volume_mo{ color:var(--lt-text); }
[data-theme="light"] #bottom_player_volume_popup,
[data-theme="light"] #volume_popup_mo{ background:var(--lt-surface); border:1px solid var(--lt-border); box-shadow:var(--lt-shadow-lg); }
[data-theme="light"] #bottom_player_volume,
[data-theme="light"] #volume_mo{
  background:linear-gradient(to right,var(--lt-accent) 0%,var(--lt-accent) var(--val,100%),var(--lt-border) var(--val,100%),var(--lt-border) 100%);
}
[data-theme="light"] #bottom_player_volume::-moz-range-track,
[data-theme="light"] #volume_mo::-moz-range-track{ background:var(--lt-border); }
[data-theme="light"] #bottom_player_waveform.empty::before{
  color:var(--lt-text-4);
  background:repeating-linear-gradient(to right,var(--lt-border),var(--lt-border) 2px,transparent 2px,transparent 4px);
}
[data-theme="light"] #waveform_loader,
[data-theme="light"] #waveform_loader_mo{ color:var(--lt-text); }
[data-theme="light"] #waveform_loader::before,
[data-theme="light"] #waveform_loader_mo::before{ border-color:rgba(var(--lt-ink-rgb),.16); border-top-color:var(--lt-text); }
[data-theme="light"] #modal_loader::after{ border-color:rgba(var(--lt-ink-rgb),.16); border-top-color:var(--lt-text); }
[data-theme="light"] #playlist_popup{ background:var(--lt-surface); color:var(--lt-text); border-top:1px solid var(--lt-border); box-shadow:0 -10px 30px rgba(var(--lt-shadow-rgb),.12); }
[data-theme="light"] .play-circle .play-icon{ color:var(--lt-text); }
[data-theme="light"] .ring-bg{ stroke:var(--lt-border); }
[data-theme="light"] .mo-right button{ color:var(--lt-text); }
[data-theme="light"] .mo-info .artist{ color:var(--lt-text-3); }
[data-theme="light"] .mo-mode-controls{ background:var(--lt-fill); box-shadow:inset 0 0 0 1px var(--lt-border); }
[data-theme="light"] .mo-mode-controls .mode-btn{ color:var(--lt-text-3); }

/* ===================================================================
   모바일 아래 메뉴 (include/m_tail_menu.php)
=================================================================== */
[data-theme="light"] #mo-bottom-bar{ background:var(--lt-side); border-top:1px solid var(--lt-border); box-shadow:0 -4px 16px rgba(var(--lt-shadow-rgb),.05); }
[data-theme="light"] #mo-bottom-bar .nav-btn i{ color:var(--lt-text-2); }
[data-theme="light"] #mo-bottom-bar .nav-btn.active i,
[data-theme="light"] #mo-bottom-bar .nav-btn.flash i{ color:var(--lt-accent-text); }
/* 가운데 LP 단추: 흰 바탕에서도 또렷하게 진한 남색 원 + 흰 아이콘 */
[data-theme="light"] #lp-open-btn{ background:var(--lt-ink); color:#fff; box-shadow:0 0 0 3px var(--lt-accent-soft-2), 0 4px 12px rgba(var(--lt-accent-rgb),.22); }

/* ===================================================================
   게시판 스킨
=================================================================== */
/* 글 목록 표도 흰 카드 안에 넣어요 */
[data-theme="light"] #bo_list .tbl_wrap{ background:var(--lt-surface); border:1px solid var(--lt-border); border-radius:14px; overflow:hidden; box-shadow:var(--lt-shadow-sm); }
[data-theme="light"] #bo_list .tbl_wrap table{ background:transparent; border-top:0; border-bottom:0; }
[data-theme="light"] #bo_list .tbl_head01 thead th{ background:var(--lt-subtle); color:var(--lt-text-3); border-top:0; border-bottom:1px solid var(--lt-border); }
[data-theme="light"] #bo_list .td_chk{ border-top-color:var(--lt-divider); border-bottom-color:var(--lt-divider); }
[data-theme="light"] #bo_list tbody td{ border-bottom-color:var(--lt-divider); }
[data-theme="light"] #bo_list tbody .even td{ background:var(--lt-surface); }
[data-theme="light"] #bo_list tbody tr:hover{ border-left-color:var(--lt-accent); }
[data-theme="light"] #bo_cate a,
[data-theme="light"] .bo_cate_link{ background:var(--lt-surface) !important; color:var(--lt-text-2) !important; border:1px solid var(--lt-border) !important; }
/* 글 목록의 분류 표시는 글자에 !important 색이 박혀 있어서, 안쪽 그림자로 덮고 글자색을 바꿔요 */
[data-theme="light"] #bo_list .bo_cate_link{ box-shadow:inset 0 0 0 1px var(--lt-border), inset 0 0 0 60px var(--lt-surface); -webkit-text-fill-color:var(--lt-text-2); }
[data-theme="light"] #bo_list .bo_tit span[style*="#ff0050"]{ color:var(--lt-accent-text) !important; }
[data-theme="light"] #bo_cate a:hover{ background:var(--lt-fill) !important; color:var(--lt-text) !important; }
[data-theme="light"] #bo_cate #bo_cate_on{ background:var(--lt-ink) !important; color:#fff !important; border-color:var(--lt-ink) !important; }
[data-theme="light"] .bo_notice td{ background:var(--lt-subtle) !important; }
[data-theme="light"] #bo_list .bo_notice td{ border-bottom-color:var(--lt-border); }
/* 게시판 목록의 공지 줄: 머리줄과 같은 회색이라 표 전체가 회색 덩어리로 보였어요.
   핑크 '공지' 글자로 충분히 구분돼서 흰 줄로, 마우스를 올리면 다른 줄처럼 옅은 회색 */
html[data-theme="light"] #bo_list .bo_notice td{ background:var(--lt-surface) !important; }
html[data-theme="light"] #bo_list .bo_notice:hover td{ background:var(--lt-subtle) !important; }
[data-theme="light"] .bo_notice .notice_icon,
[data-theme="light"] .bo_notice strong{ color:var(--lt-accent-text); }
[data-theme="light"] .bo_tit{ color:var(--lt-text-3); }
[data-theme="light"] .bo_tit a{ color:var(--lt-text); }
[data-theme="light"] #bo_v_con a{ color:var(--lt-accent-text); }
[data-theme="light"] #bo_v_title{ border-top-color:var(--lt-border); }
[data-theme="light"] .comment_divs{ border-color:var(--lt-border); }
[data-theme="light"] .bo_vc_w textarea{ background:var(--lt-surface); color:var(--lt-text); border-color:var(--lt-border); }
[data-theme="light"] .bbs_adm_btn,
[data-theme="light"] .bbs_adm_btn:hover{ color:var(--lt-text); }
[data-theme="light"] .bbs_w_btn1{ background:var(--lt-ink); color:#fff; }
/* 영상 게시판(you 스킨) 글쓰기: 테두리 없는 흰 입력칸이 회색 바탕에 묻혀서 안쪽 선을 그려요 (크기 그대로).
   누르면 핑크 선, 회색 바탕에 흰 글씨(2.3:1)였던 '취소'는 흰 단추로 */
[data-theme="light"] .bbs_w_inp,
[data-theme="light"] .bbs_w_inp_file{ background-color:var(--lt-surface); box-shadow:inset 0 0 0 1px var(--lt-border-strong); }
[data-theme="light"] .bbs_w_inp:focus{ background-color:var(--lt-surface); box-shadow:inset 0 0 0 1px var(--lt-accent), var(--lt-ring) !important; }
[data-theme="light"] .bbs_w_btn2{ background-color:var(--lt-surface); color:var(--lt-text); box-shadow:inset 0 0 0 1px var(--lt-border-strong); }
/* 같은 화면의 '공지·비밀글' 네모(#eee)가 바탕과 같아서 안 보였어요 → 흰 네모 + 선 */
[data-theme="light"] .magic-checkbox + label:before{ background-color:var(--lt-surface); box-shadow:inset 0 0 0 1px var(--lt-border-strong); }
[data-theme="light"] .titles{ color:var(--lt-text) !important; }
[data-theme="light"] .main_lists_new{ background:var(--lt-accent-soft); color:var(--lt-accent-text); }
[data-theme="light"] .main_lists_date,
[data-theme="light"] .main_lists_cont,
[data-theme="light"] .main_lists_btn{ color:var(--lt-text-3); }
[data-theme="light"] .main_lists_btn a{ color:var(--lt-text-3) !important; }
[data-theme="light"] .main_lists_btn a:hover{ color:var(--lt-text) !important; }
[data-theme="light"] .view_img_cont{ border-bottom-color:var(--lt-border); }
[data-theme="light"] .view_img_date{ color:var(--lt-text-3); }
[data-theme="light"] .pageing_div{ border-top-color:var(--lt-divider); }
[data-theme="light"] .v_top_hd{ background:var(--lt-subtle); border-bottom:1px solid var(--lt-border); }
[data-theme="light"] .help_txts{ color:var(--lt-text-3); }
[data-theme="light"] .yt-meta{ color:var(--lt-text-3); }
/* 영상 목록 정보 줄: 빨간 이모지 ❤️는 옆 눈 아이콘처럼 회색 한 가지로, 🕦 시계는 흑백으로 (차분하게).
   같은 이름(.yt-category)의 분류 링크 칸은 흑백 처리에서 빼요 */
html[data-theme="light"] .yt-meta > .yt-channel{ color:transparent; text-shadow:0 0 0 var(--lt-text-3); }
html[data-theme="light"] .yt-meta > .yt-category:not(:has(a)){ filter:grayscale(1); }
/* 블라인드 글 제목 옆 '[블라인드]': 스킨의 주황(#ff9900)은 밝은 바탕에서 2.1:1이라 진한 주황으로 (크림 바탕 5.3:1) */
[data-theme="light"] .yt-info > font[color]{ color:#a34a08; }
/* 분류 단추: 관리자 설정 색(글자에 직접 박힌 색) 대신 차분한 한 가지 모양으로 */
[data-theme="light"] .yt-category-slider a{ background:var(--lt-surface) !important; color:var(--lt-text-2) !important; border:1px solid var(--lt-border) !important; box-shadow:none !important; }
[data-theme="light"] .yt-category-slider a:hover{ background:var(--lt-fill) !important; color:var(--lt-text) !important; }
[data-theme="light"] .yt-category-slider a.on{ background:var(--lt-ink) !important; color:#fff !important; border-color:var(--lt-ink) !important; }
[data-theme="light"] #bo_v_tit,
[data-theme="light"] #bo_v_tit *{ color:var(--lt-text); }
[data-theme="light"] #bo_v_info,
[data-theme="light"] #bo_v_info *{ color:var(--lt-text-3); }
[data-theme="light"] #bo_v_con,
[data-theme="light"] #bo_v_con p,
[data-theme="light"] #bo_v_con div,
[data-theme="light"] #bo_v_con span,
[data-theme="light"] #bo_v_con li,
[data-theme="light"] #bo_v_con td{ color:var(--lt-text-2); }
/* 다크 시절에 글쓴이가 흰 글씨로 쓴 본문은 흰 바탕에서 안 보여서 진하게 바꿔요 */
[data-theme="light"] #bo_v_con [style*="color:#fff"],
[data-theme="light"] #bo_v_con [style*="color: #fff"],
[data-theme="light"] #bo_v_con [style*="color:rgb(255, 255, 255)"],
[data-theme="light"] #bo_v_con [style*="color: rgb(255, 255, 255)"],
[data-theme="light"] #bo_v_con [style*="color:white"],
[data-theme="light"] #bo_v_con [style*="color: white"],
[data-theme="light"] #bo_v_con font[color="#ffffff" i],
[data-theme="light"] #bo_v_con font[color="#fff" i],
[data-theme="light"] #bo_v_con font[color="white" i]{ color:var(--lt-text) !important; }
/* 에디터의 검정 배경 강조는 밝은 회색 강조로 */
[data-theme="light"] #bo_v_con [style*="background-color:#000"],
[data-theme="light"] #bo_v_con [style*="background-color: #000"],
[data-theme="light"] #bo_v_con [style*="background-color:rgb(0, 0, 0)"],
[data-theme="light"] #bo_v_con [style*="background-color: rgb(0, 0, 0)"],
[data-theme="light"] #bo_v_con [style*="background-color:#111"],
[data-theme="light"] #bo_v_con [style*="background-color: #111"],
[data-theme="light"] #bo_v_con [style*="background-color:#222"],
[data-theme="light"] #bo_v_con [style*="background-color: #222"],
[data-theme="light"] #bo_v_con [style*="background-color:#333"],
[data-theme="light"] #bo_v_con [style*="background-color: #333"]{ background-color:var(--lt-fill-hover) !important; color:var(--lt-text) !important; }
/* 다크용 연회색 글씨(#999~#eee)도 읽히는 회색으로 */
[data-theme="light"] #bo_v_con [style*="color:#999"],
[data-theme="light"] #bo_v_con [style*="color: #999"],
[data-theme="light"] #bo_v_con [style*="color:#aaa"],
[data-theme="light"] #bo_v_con [style*="color: #aaa"],
[data-theme="light"] #bo_v_con [style*="color:#bbb"],
[data-theme="light"] #bo_v_con [style*="color: #bbb"],
[data-theme="light"] #bo_v_con [style*="color:#ccc"],
[data-theme="light"] #bo_v_con [style*="color: #ccc"],
[data-theme="light"] #bo_v_con [style*="color:#ddd"],
[data-theme="light"] #bo_v_con [style*="color: #ddd"],
[data-theme="light"] #bo_v_con [style*="color:#eee"],
[data-theme="light"] #bo_v_con [style*="color: #eee"],
[data-theme="light"] #bo_v_con [style*="color: rgb(153, 153, 153)"],
[data-theme="light"] #bo_v_con [style*="color: rgb(187, 187, 187)"],
[data-theme="light"] #bo_v_con [style*="color: rgb(204, 204, 204)"],
[data-theme="light"] #bo_v_con [style*="color: rgb(221, 221, 221)"],
[data-theme="light"] #bo_v_con font[color="#999999" i],
[data-theme="light"] #bo_v_con font[color="#cccccc" i],
[data-theme="light"] #bo_v_con font[color="#dddddd" i],
[data-theme="light"] #bo_v_con font[color="#eeeeee" i]{ color:var(--lt-text-3) !important; }
/* 검색어 표시·댓글 수·블라인드 표시 */
[data-theme="light"] .sch_word{ background:var(--lt-accent-soft-2); color:var(--lt-accent-text); }
[data-theme="light"] #bo_list .cnt_cmt,
[data-theme="light"] .cnt_cmt{ background:var(--lt-accent-soft); color:var(--lt-accent-text); }
[data-theme="light"] #bo_list font[color="ff9900"]{ color:#b54708; }
/* 댓글 입력칸 (you 스킨이 테두리를 !important로 없애서 그림자로 선을 그려요) */
[data-theme="light"] #comment-form textarea,
[data-theme="light"] .bo_vc_w textarea{ box-shadow:inset 0 0 0 1px var(--lt-border-strong); }
[data-theme="light"] #comment-form button[type="submit"]{ background:var(--lt-accent); color:#fff; }
[data-theme="light"] .chk_box label,
[data-theme="light"] .chk_box input[type="checkbox"] + label{ color:var(--lt-text-3); }
[data-theme="light"] .chk_box input[type="checkbox"] + label span{ border-color:var(--lt-text-4); }
[data-theme="light"] .chk_box input[type="checkbox"]:checked + label span{ background-color:var(--lt-accent); border-color:var(--lt-accent); }
/* 체크한 '공지·비밀글' 글자가 스킨의 #999(2.6:1)로 흐려져 꺼진 것처럼 보였어요 (스킨 규칙과 무게가 같아서 한 단계 더 구체적으로) */
[data-theme="light"] .chk_box input[type="checkbox"]:checked + label{ color:var(--lt-text-2); }
/* 직접 그린 체크 네모(가입 동의·공지·비밀글): 마우스를 올리면 테두리를 진하게, 키보드로 오면 핑크 테두리 + 연핑크 고리 */
[data-theme="light"] .fregister_agree input[type="checkbox"]:not(:checked) + label:hover span,
[data-theme="light"] .chk_box input[type="checkbox"]:not(:checked) + label:hover span{ border-color:var(--lt-text-3); }
[data-theme="light"] .fregister_agree input[type="checkbox"]:focus-visible + label span,
[data-theme="light"] .chk_box input[type="checkbox"]:focus-visible + label span{ border-color:var(--lt-accent); box-shadow:0 0 0 3px var(--lt-accent-soft-2); }
[data-theme="light"] .bo_vc_w textarea:focus,
[data-theme="light"] #comment-form textarea:focus{ border-color:var(--lt-accent); box-shadow:inset 0 0 0 1px var(--lt-accent), var(--lt-ring); }
[data-theme="light"] .cmt_btn span.total{ color:var(--lt-accent-text); }
[data-theme="light"] .cmt_btn span.total:after{ background:var(--lt-accent); }

/* 글 제목 옆 분류 표시 (관리자 설정 색이 글자에 박혀 있어요) */
[data-theme="light"] #bo_v_title .bo_v_cate{ background:var(--lt-accent-soft) !important; color:var(--lt-accent-text) !important; box-shadow:inset 0 0 0 1px var(--lt-accent-line); }
/* 글쓴이·날짜 (스킨 규칙과 같은 무게라 한 단계 더 구체적으로) */
[data-theme="light"] #bo_v_info .sv_member,
[data-theme="light"] #bo_v_info .if_date{ color:var(--lt-text-3); }
[data-theme="light"] #bo_list .txt_expired{ color:var(--lt-text-4); }
/* 글쓴이 이름을 누르면 나오는 메뉴 (default.css .sv_wrap) */
[data-theme="light"] .sv_member{ color:var(--lt-text-2); }
[data-theme="light"] .sv_wrap .sv{ background:var(--lt-surface); border:1px solid var(--lt-border); box-shadow:var(--lt-shadow-lg); }
[data-theme="light"] .sv_wrap .sv:before{ border-bottom-color:var(--lt-surface); }
[data-theme="light"] .sv_wrap .sv a{ color:var(--lt-text-2); }
[data-theme="light"] .sv_wrap .sv a:hover{ background:var(--lt-fill); color:var(--lt-text); }

/* 댓글 머리줄 (basic·you 스킨 view_comment.skin.php) */
[data-theme="light"] .cmt-header{ background:var(--lt-subtle); border:1px solid var(--lt-border); }
[data-theme="light"] .cmt-header-left h2{ color:var(--lt-text); }
[data-theme="light"] .cmt-header-left span,
[data-theme="light"] .cmt-header-left i,
[data-theme="light"] .cmt-header-left time{ color:var(--lt-text-3); }
[data-theme="light"] .cmt-actions li a{ background:var(--lt-surface); color:var(--lt-text-2); border:1px solid var(--lt-border); }
[data-theme="light"] .cmt-actions li a:hover{ background:var(--lt-fill); color:var(--lt-text); }

/* 신고 창 (basic 스킨 view.skin.php) */
[data-theme="light"] .report-modal{ background:rgba(var(--lt-ink-rgb),.38); }
[data-theme="light"] .report-modal-box{ background:var(--lt-surface); color:var(--lt-text); border:1px solid var(--lt-border); box-shadow:var(--lt-shadow-lg); }
[data-theme="light"] .report_text{ background:var(--lt-surface); color:var(--lt-text); border-color:var(--lt-border-strong); }
[data-theme="light"] .report-modal .btn_cancel{ background:var(--lt-surface); color:var(--lt-text); border:1px solid var(--lt-border-strong); }

/* 영상 게시판 (you 스킨): 분류 띠, 오른쪽 관련 영상 목록 */
[data-theme="light"] .yt-category-wrap{ background:var(--lt-bg); }
[data-theme="light"] .yt-video-right{ background:var(--lt-surface); border:1px solid var(--lt-border); }
[data-theme="light"] .yt-thumb{ background:var(--lt-fill); }
[data-theme="light"] a.yt-title,
[data-theme="light"] .yt-title{ color:var(--lt-text); }
[data-theme="light"] a.yt-title:hover{ color:var(--lt-accent-text); }
[data-theme="light"] .yt-meta2{ color:var(--lt-text-3); }
[data-theme="light"] .yt-video-right::-webkit-scrollbar-thumb{ background:var(--lt-border-strong); }
/* 휴대폰 쇼츠 화면은 영상이라 검정 그대로, 글씨만 흰색 유지 */
[data-theme="light"] .shorts-layout,
[data-theme="light"] .shorts-meta .video-title{ color:#fff; }

/* 기본 게시판 스킨 (theme/basic/skin/board/basic/style.css) */
[data-theme="light"] .txt_expired{ color:var(--lt-text-3); }
[data-theme="light"] #bo_list_total{ color:var(--lt-text-3); }
[data-theme="light"] #bo_v_table{ color:var(--lt-text); }
[data-theme="light"] #bo_v_info{ border-bottom-color:var(--lt-border); }
[data-theme="light"] .more_opt{ background:var(--lt-surface); border-color:var(--lt-border); box-shadow:var(--lt-shadow-lg); }
[data-theme="light"] .more_opt li{ border-bottom-color:var(--lt-divider); color:var(--lt-text-3); }
[data-theme="light"] .more_opt li button,
[data-theme="light"] .more_opt li a{ color:var(--lt-text); }
[data-theme="light"] .bo_sch{ background:var(--lt-surface); border-color:var(--lt-border); box-shadow:var(--lt-shadow-lg); }
[data-theme="light"] .bo_sch .bo_sch_cls{ background:transparent; color:var(--lt-text-3); }
[data-theme="light"] .bo_sch .sch_btn{ color:var(--lt-text-3); }
[data-theme="light"] #bo_v_file a,
[data-theme="light"] #bo_v_file .bo_v_file_cnt,
[data-theme="light"] #bo_v_file li i,
[data-theme="light"] #bo_v_link a,
[data-theme="light"] #bo_v_link .bo_v_link_cnt,
[data-theme="light"] #bo_v_link li i{ color:var(--lt-text-3); }
[data-theme="light"] #bo_v_file li,
[data-theme="light"] #bo_v_link li{ background:var(--lt-surface); border-color:var(--lt-border); }
[data-theme="light"] #bo_v_file li:hover,
[data-theme="light"] #bo_v_link li:hover{ border-color:var(--lt-border-strong); color:inherit; }
[data-theme="light"] #bo_v_file li:hover a,
[data-theme="light"] #bo_v_link li:hover a,
[data-theme="light"] #bo_v_file li:hover i,
[data-theme="light"] #bo_v_link li:hover i{ color:var(--lt-accent-text); }
[data-theme="light"] #bo_v_file li:hover .bo_v_file_cnt,
[data-theme="light"] #bo_v_link li:hover .bo_v_link_cnt{ color:var(--lt-text-3); }
[data-theme="light"] .bo_v_nb li{ border-top-color:var(--lt-border); }
[data-theme="light"] .bo_v_nb li:last-child{ border-bottom-color:var(--lt-border); }
[data-theme="light"] .bo_v_nb li i,
[data-theme="light"] .bo_v_nb li .nb_tit,
[data-theme="light"] .bo_v_nb li .nb_date{ color:var(--lt-text-3); }
[data-theme="light"] #bo_v_act .bo_v_good,
[data-theme="light"] #bo_v_act .bo_v_nogood{ border-color:var(--lt-border-strong); color:var(--lt-text-2); }
[data-theme="light"] .cmt_btn{ background:transparent; }
[data-theme="light"] .cmt_btn b,
[data-theme="light"] .cmt_btn_op span.cmt_more{ color:var(--lt-text-3); }
[data-theme="light"] .bo_vc_hdinfo,
[data-theme="light"] #bo_vc_empty{ color:var(--lt-text-3); }
[data-theme="light"] .bo_vc_act li{ background:var(--lt-surface); }
[data-theme="light"] .bo_vc_act li a{ color:var(--lt-text); }
[data-theme="light"] #bo_w .wr_content.smarteditor2 iframe{ background:var(--lt-surface); }
[data-theme="light"] #bo_w .bo_w_link label,
[data-theme="light"] #bo_w .bo_w_flie .lb_icon{ color:var(--lt-text-3); }
[data-theme="light"] #bo_w .bo_w_flie .file_wr{ border-color:var(--lt-border); color:var(--lt-text); }
[data-theme="light"] #bo_w .bo_w_flie .file_del{ color:var(--lt-text-3); }
[data-theme="light"] #bo_w .bo_w_select select{ background:var(--lt-surface); color:var(--lt-text); border-color:var(--lt-border); }
[data-theme="light"] .btn_cm_act{ background:var(--lt-fill); color:var(--lt-text); border-color:var(--lt-border); }
[data-theme="light"] .btn_cm_act:hover{ background:var(--lt-fill-hover); }
[data-theme="light"] .btn_comment_icon{ color:var(--lt-text-3); }
/* 글쓰기 에디터 위 '단축키 일람' 단추와 펼친 목록: default.css의 #222 검정 판 (목록 글자가 바탕에 묻혀 안 보였어요) */
[data-theme="light"] .btn_cke_sc{ background:var(--lt-surface); color:var(--lt-text-2); border-color:var(--lt-border-strong); }
[data-theme="light"] .btn_cke_sc:hover{ background:var(--lt-fill); color:var(--lt-text); }
[data-theme="light"] .cke_sc_def{ background:var(--lt-surface); border-color:var(--lt-border); color:var(--lt-text-2); }
[data-theme="light"] .cke_sc_def dt{ color:var(--lt-text); }
[data-theme="light"] .cke_sc_def dt,
[data-theme="light"] .cke_sc_def dd{ border-bottom-color:var(--lt-divider); }

/* ===================================================================
   로그인 화면 (skin/member/basic/login.skin.php)
   형광 그림자를 빼고, 주 단추 하나만 진하게 · 나머지는 흰 카드와 연한 파랑으로
=================================================================== */
[data-theme="light"] #mb_login .sub-text{ color:var(--lt-text-3); }
[data-theme="light"] #mb_login .btn-sc{ box-shadow:0 6px 18px rgba(var(--lt-accent-rgb),.18); }
[data-theme="light"] #mb_login .btn-sc:not(.join):not(.info){ background:linear-gradient(135deg,var(--lt-accent),#7c3aed); }
[data-theme="light"] #mb_login .btn-sc:not(.join):not(.info) .btn-text span{ opacity:1; }
[data-theme="light"] .btn-sc-join{ background:linear-gradient(135deg,var(--lt-accent),#7c3aed); }
[data-theme="light"] #mb_login .btn-sc:active{ box-shadow:0 2px 8px rgba(var(--lt-accent-rgb),.18); }
[data-theme="light"] #mb_login .btn-sc.join{ background:var(--lt-surface); color:var(--lt-text); border:1px solid var(--lt-border-strong); box-shadow:var(--lt-shadow-sm); }
[data-theme="light"] #mb_login .btn-sc.join .btn-text span{ color:var(--lt-text-3); opacity:1; }
[data-theme="light"] #mb_login .btn-sc.join svg path{ fill:var(--lt-accent); }
[data-theme="light"] #mb_login .h8{ background:linear-gradient(90deg,var(--lt-accent),#7c3aed); -webkit-background-clip:text; background-clip:text; }
[data-theme="light"] #mb_login .btn-sc.info{ background:var(--lt-surface); color:var(--lt-text); border:1px solid var(--lt-border); box-shadow:none; }
[data-theme="light"] #mb_login .btn-sc.info .btn-text span{ color:var(--lt-text-3); opacity:1; }
[data-theme="light"] #mb_login .btn-sc.info svg path{ fill:var(--lt-text-3); }

/* ===================================================================
   회원가입·회원정보 (skin/member/basic/style.css)
=================================================================== */
[data-theme="light"] .mbskin .mbskin_box{ background:var(--lt-surface); border-color:var(--lt-border); }
[data-theme="light"] .mb_log_cate .join{ background:var(--lt-fill); color:var(--lt-accent-text); }
[data-theme="light"] #fregister p{ background:var(--lt-accent-soft); color:var(--lt-accent-text); box-shadow:inset 0 0 0 1px var(--lt-accent-line); }
[data-theme="light"] #fregister p:before{ background:var(--lt-accent); }
[data-theme="light"] #fregister section{ background:var(--lt-surface); border-color:var(--lt-border); }
[data-theme="light"] #fregister h2{ color:var(--lt-text); border-bottom-color:var(--lt-border); }
[data-theme="light"] #fregister textarea{ background:var(--lt-subtle); color:var(--lt-text-2); }
[data-theme="light"] #fregister_private div{ background:var(--lt-subtle); color:var(--lt-text-2); }
[data-theme="light"] #fregister_private table th{ background:var(--lt-fill); color:var(--lt-text); border-color:var(--lt-border); }
[data-theme="light"] #fregister_private table td{ background:var(--lt-surface); color:var(--lt-text-2); border-color:var(--lt-border); }
[data-theme="light"] #fregister_chkall{ background:var(--lt-subtle); border-color:var(--lt-border); color:var(--lt-text); }
/* 약관 상자: 3px 각진 모서리 → 다른 흰 카드(14px)처럼 둥글게. 가입 단추도 로그인 화면의 같은 단추(12px, 핑크 그림자)와 맞춰요 */
html[data-theme="light"] #fregister section,
html[data-theme="light"] #fregister_chkall{ border-radius:14px; overflow:hidden; }
html[data-theme="light"] #fregister .btn-sc-join{ border-radius:12px; box-shadow:0 6px 18px rgba(var(--lt-accent-rgb),.18); }
/* 둥근 모서리용 overflow:hidden에 약관 칸의 바깥 핑크 고리가 잘려서, 누르면 안쪽 선으로 보여 줘요 */
[data-theme="light"] #fregister section textarea:focus{ box-shadow:inset 0 0 0 1px var(--lt-accent); }
[data-theme="light"] .fregister_agree input[type="checkbox"] + label{ color:var(--lt-text-3); }
[data-theme="light"] .fregister_agree input[type="checkbox"] + label span{ border-color:var(--lt-text-4); background-color:var(--lt-surface); }
[data-theme="light"] .chk_box input[type="radio"] + label span{ background-color:var(--lt-surface); border-color:var(--lt-border-strong); }
[data-theme="light"] .fregister_agree input[type="checkbox"] + label:hover{ color:var(--lt-text); }
[data-theme="light"] .fregister_agree input[type="checkbox"]:checked + label span{ background-color:var(--lt-accent); border-color:var(--lt-accent); }
[data-theme="light"] .register_form_inner{ background:var(--lt-surface); border-color:var(--lt-border); color:var(--lt-text); }
/* 가입 양식 칸 제목 밑줄: 스킨의 #333(다크에서는 바탕과 같은 색)이 흰 카드 위에서 검은 줄로 보여서 */
[data-theme="light"] #register_form h2{ border-bottom-color:var(--lt-border); }
/* 도움말(?) 아이콘: #b3b5b8는 흰 바탕에서 2.1:1이라 한 단계 진하게, 마우스를 올리면 파랑 대신 진한 글자색 */
[data-theme="light"] .tooltip_icon{ color:var(--lt-text-4); }
[data-theme="light"] .tooltip_icon:hover{ color:var(--lt-text-2); }
[data-theme="light"] .register_form_inner a[style*="#000"],
[data-theme="light"] .register_form_inner [style*="background:#000"]{ background:var(--lt-surface) !important; color:var(--lt-text) !important; border:1px solid var(--lt-border-strong) !important; }
[data-theme="light"] a.reg_btn_submit,
[data-theme="light"] .reg_btn_submit{ background:var(--lt-accent); color:#fff; }
[data-theme="light"] a.reply_btn{ color:#fff; }
[data-theme="light"] .tooltip{ background:var(--lt-ink); color:#fff; }
[data-theme="light"] .tooltip:before{ border-right-color:var(--lt-ink); }
[data-theme="light"] #find_info .new_win_con{ background:var(--lt-surface); border:1px solid var(--lt-border); }
[data-theme="light"] #captcha #captcha_key,
[data-theme="light"] #captcha.m_captcha #captcha_key{ background:var(--lt-surface); border-color:var(--lt-border-strong); }
[data-theme="light"] #captcha #captcha_mp3,
[data-theme="light"] #captcha #captcha_reload{ filter:brightness(1.16); }
/* 옛 그누보드 새 창·취소 단추 */
[data-theme="light"] .new_win .win_ul .selected{ background:var(--lt-ink); color:#fff; }
[data-theme="light"] a.btn_cancel,
[data-theme="light"] button.btn_cancel{ background:var(--lt-surface); color:var(--lt-text); border:1px solid var(--lt-border-strong); }

/* ===================================================================
   마이페이지: 팔로잉·초대·픽 (로그인해야 보이는 곳)
=================================================================== */
[data-theme="light"] .sync-btn:disabled{ background:var(--lt-fill-hover); color:var(--lt-text-3); }
[data-theme="light"] .loading-box{ background:var(--lt-surface); border-color:var(--lt-border); color:var(--lt-text-2); -webkit-backdrop-filter:none; backdrop-filter:none; }
[data-theme="light"] .loading-spinner{ border-color:rgba(var(--lt-ink-rgb),.12); border-top-color:var(--lt-accent); }
[data-theme="light"] .following-item .done{ background:var(--lt-ink); color:#fff; }
[data-theme="light"] .following-item span[style*="#222"]{ background:var(--lt-fill) !important; color:var(--lt-text-2) !important; }
[data-theme="light"] #syncLog{ background:var(--lt-subtle); border-color:var(--lt-border); color:var(--lt-text-2); }
[data-theme="light"] .invite-wrapper{ color:var(--lt-text); }
[data-theme="light"] .invite-tabs{ border-bottom-color:var(--lt-border); }
[data-theme="light"] .invite-tab{ color:var(--lt-text-3); }
[data-theme="light"] .invite-tab.active{ color:var(--lt-accent-text); border-bottom-color:var(--lt-accent); }
[data-theme="light"] .invite-box h3{ color:var(--lt-text); }
[data-theme="light"] .invite-row{ background:var(--lt-surface); border-color:var(--lt-border); }
[data-theme="light"] .invite-wrapper .line{ color:var(--lt-text-2); }
[data-theme="light"] .invite-wrapper .code{ color:var(--lt-accent-text); }
[data-theme="light"] .invite-wrapper .btn,
[data-theme="light"] .invite-wrapper .btn-small{ background:var(--lt-surface); color:var(--lt-text); border-color:var(--lt-border-strong); }
[data-theme="light"] .invite-wrapper .btn-small:hover{ background:var(--lt-fill); }
[data-theme="light"] .status-wait{ color:#b54708; }
[data-theme="light"] .status-used{ color:#0a7f45; }
[data-theme="light"] .invite-paging a,
[data-theme="light"] .invite-paging span{ background:var(--lt-surface); border-color:var(--lt-border); color:var(--lt-text-2); }
[data-theme="light"] .invite-paging a:hover{ background:var(--lt-fill); border-color:var(--lt-border-strong); color:var(--lt-text); }
[data-theme="light"] .invite-paging .active{ background:var(--lt-ink); border-color:var(--lt-ink); color:#fff; }
/* 초대 탭: 휴대폰(700px 이하)에서는 2×2 단추라서 검은 바탕을 흰 단추로, 고른 탭은 연핑크 (기간 탭과 같은 모양).
   고른 탭이 핑크 바탕에 핑크 글씨(1.5:1)라 안 읽혔어요 */
@media (max-width:700px){
  [data-theme="light"] .invite-tab{ background:var(--lt-surface); border-color:var(--lt-border-strong); color:var(--lt-text-2); }
  [data-theme="light"] .invite-tab.active{ background:var(--lt-accent-soft); border-color:var(--lt-accent-line); color:var(--lt-accent-text); box-shadow:none; }
}
[data-theme="light"] .invite-wrapper [style*="color:#bbb"]{ color:var(--lt-text-3) !important; }
[data-theme="light"] .invite-wrapper [style*="color:#8cf"]{ color:#1d6fd6 !important; }
/* 픽 단추: 안 고른 것은 연핑크, 고른 것은 진한 남색 */
[data-theme="light"] .pick-btn{ background:var(--lt-accent-soft); color:var(--lt-accent-text); box-shadow:inset 0 0 0 1px var(--lt-accent-line); }
[data-theme="light"] .pick-btn:hover{ background:var(--lt-accent-soft-2); box-shadow:inset 0 0 0 1px var(--lt-accent-line); } /* 다크용 보라 빛 대신 핑크 테두리 그대로 */
[data-theme="light"] .pick-btn_ed{ background:var(--lt-ink); color:#fff; }
[data-theme="light"] .playlist-tab.on{ background:var(--lt-ink); color:#fff; }

/* ===================================================================
   보관함 · 트랙 상세 · 피드 · 검색 · 초대
=================================================================== */
[data-theme="light"] .playlist-tab{ background:var(--lt-fill); color:var(--lt-text-3); }
[data-theme="light"] .modal-content,
[data-theme="light"] #playlistModal .modal-content{ background:var(--lt-surface); color:var(--lt-text); border:1px solid var(--lt-border); box-shadow:var(--lt-shadow-lg); }
[data-theme="light"] .modal-content input,
[data-theme="light"] #playlistSelect{ background:var(--lt-surface); color:var(--lt-text); border-color:var(--lt-border-strong); }
[data-theme="light"] #playlistModal h3{ border-bottom-color:var(--lt-border); }
[data-theme="light"] .modal-content h3{ color:var(--lt-text); }
/* 차트의 '보관함 선택' 팝업: 취소는 흰 단추, 추가는 진한 단추 */
[data-theme="light"] #playlistModal .modal-content > div[style*="text-align"] > button{ background:var(--lt-surface); color:var(--lt-text); border:1px solid var(--lt-border-strong); }
[data-theme="light"] #playlistModal .modal-content > div[style*="text-align"] > button:last-child{ background:var(--lt-ink); color:#fff; border-color:var(--lt-ink); }
/* 보관함 페이지의 팝업·단추 (글자에 직접 박힌 색이라 !important) */
[data-theme="light"] #playlistModal .modal-actions #modalConfirm{ background:var(--lt-accent); color:#fff; border-color:var(--lt-accent); }
[data-theme="light"] .bp-price[style*="#555"],
[data-theme="light"] .bp-price[style*="#222"]{ background:var(--lt-surface) !important; color:var(--lt-text) !important; border:1px solid var(--lt-border-strong) !important; }
[data-theme="light"] .bp-price[style*="#cf3c6a"]{ background:var(--lt-accent) !important; color:#fff !important; border-color:var(--lt-accent) !important; }
/* 팝업 뒤를 덮는 막: 까만 막 대신 옅은 남색 막 */
[data-theme="light"] #playlistModal,
[data-theme="light"] .modal,
[data-theme="light"] .sync-modal{ background:rgba(var(--lt-ink-rgb),.38) !important; }
[data-theme="light"] #syncModal{ background:rgba(var(--lt-ink-rgb),.38) !important; }
/* 동기화 화면: 보관함(likes)은 #syncModal 안에 상자 하나, SC 팔로우 목록(me_followings)은 글줄이 바로 들어 있어요.
   상자 모양은 자식이 하나일 때만 주고, 팔로우 목록은 밝은 막 위에 진한 글자로 (줄마다 상자가 생기던 것) */
[data-theme="light"] #syncModal > div:only-child{ background:var(--lt-surface) !important; color:var(--lt-text) !important; border:1px solid var(--lt-border); box-shadow:var(--lt-shadow-lg); }
[data-theme="light"] #syncModal:has(> .msg-main){ background:rgba(var(--lt-bg-rgb),.92) !important; }
[data-theme="light"] #syncModal > .msg-main{ color:var(--lt-text) !important; }
[data-theme="light"] #syncModal > .msg-sub{ color:var(--lt-text-3) !important; }
[data-theme="light"] #syncModal > .spinner{ border-color:rgba(var(--lt-ink-rgb),.12) !important; border-top-color:var(--lt-accent) !important; }
[data-theme="light"] #syncModal .modal-text{ color:var(--lt-text); }
[data-theme="light"] #syncModal button{ background:var(--lt-ink); color:#fff; border:0; border-radius:8px; padding:6px 14px; }
[data-theme="light"] .section-label{ color:var(--lt-text-3); }
[data-theme="light"] .playlist-actions-top{ background:var(--lt-surface); border-color:var(--lt-border); }
[data-theme="light"] .playlist-menu{ background:var(--lt-surface); border-color:var(--lt-border); box-shadow:var(--lt-shadow-lg); }
[data-theme="light"] .playlist-menu button{ background:var(--lt-fill); color:var(--lt-text); }
[data-theme="light"] .playlist-menu button:hover{ background:var(--lt-fill-hover); }
[data-theme="light"] .manage-btn{ background:var(--lt-surface); color:var(--lt-text); border-color:var(--lt-border-strong); }
[data-theme="light"] .manage-btn:hover{ background:var(--lt-fill); color:var(--lt-text); }
/* 보관함 관리 창: 삭제는 빨간 글씨, 나머지는 흰 단추 */
[data-theme="light"] #manageModal .bp-price.gray,
[data-theme="light"] #manageModal .modal-actions .bp-price{ background:var(--lt-surface); color:var(--lt-text); border-color:var(--lt-border-strong); }
[data-theme="light"] #manageModal .bp-price.red{ background:var(--lt-surface); color:#c0262d; border-color:#f5c2c0; }
/* 팝업 안 흰 보조 단추(취소·이름변경·삭제·닫기)와 확인: 마우스를 올려도 변화가 없어서 다른 단추처럼 */
[data-theme="light"] .report-modal .btn_cancel:hover,
[data-theme="light"] #playlistModal .modal-content > div[style*="text-align"] > button:first-child:hover,
[data-theme="light"] #manageModal .bp-price.gray:hover,
[data-theme="light"] #manageModal .modal-actions .bp-price:hover{ background:var(--lt-fill-hover); }
[data-theme="light"] #manageModal .bp-price.red:hover{ background:#fef3f2; }
[data-theme="light"] #playlistModal .modal-actions #modalConfirm:hover{ background:var(--lt-accent-hover); border-color:var(--lt-accent-hover); }
[data-theme="light"] #playlistModal .modal-content > div[style*="text-align"] > button:last-child:hover{ background:var(--lt-text-2); border-color:var(--lt-text-2); } /* 진한 '추가'도 다른 진한 단추처럼 */
[data-theme="light"] #manageModal p{ color:var(--lt-text-3) !important; }
[data-theme="light"] #manageModal b{ color:var(--lt-text) !important; }

[data-theme="light"] .page-wrap{ color:var(--lt-text); }
[data-theme="light"] .album-artist,
[data-theme="light"] .album-desc,
[data-theme="light"] .artist-bio{ color:var(--lt-text-3); }
[data-theme="light"] .btn-play{ background:var(--lt-accent); color:#fff; }
[data-theme="light"] .btn-play:hover{ background:var(--lt-accent-hover); }
[data-theme="light"] .btn-save{ background:var(--lt-surface); color:var(--lt-text); border:1px solid var(--lt-border-strong); }
/* 트랙 상세 위쪽 DOWN: 목록의 DOWN(연핑크)과 같은 모양으로 — 같은 기능은 같은 단추 */
html[data-theme="light"] .album-actions .btn-save{ background:var(--lt-accent-soft); color:var(--lt-accent-text); border:1px solid var(--lt-accent-line); }
html[data-theme="light"] .album-actions .btn-save:hover{ background:var(--lt-accent); color:#fff; border-color:var(--lt-accent); }
[data-theme="light"] .track-table th,
[data-theme="light"] .track-table td{ border-bottom-color:var(--lt-divider); }
[data-theme="light"] .track-table th{ color:var(--lt-text-3); }
[data-theme="light"] .track-table tr:hover{ background:var(--lt-surface); }
[data-theme="light"] .related-card{ background:var(--lt-surface); border:1px solid var(--lt-border); box-shadow:var(--lt-shadow-sm); }
[data-theme="light"] .related-card p{ color:var(--lt-text); }
[data-theme="light"] .comment-form textarea{ background:var(--lt-surface); color:var(--lt-text); border-color:var(--lt-border); }
[data-theme="light"] .comment-item{ background:var(--lt-surface); border:1px solid var(--lt-border); }
[data-theme="light"] .comment-item .author{ color:var(--lt-text); }
[data-theme="light"] .comment-item .text{ color:var(--lt-text-2); }
[data-theme="light"] .track-item{ border-bottom-color:var(--lt-divider); }
[data-theme="light"] .desc-toggle{ color:var(--lt-text); }
[data-theme="light"] .track-sort-label{ color:var(--lt-text-3); }
[data-theme="light"] .track-sort-select{ background:var(--lt-surface); color:var(--lt-text); border-color:var(--lt-border-strong); }
[data-theme="light"] .track-header-left{ color:var(--lt-text); }

[data-theme="light"] .sync-box{ background:var(--lt-surface); border-color:var(--lt-border); box-shadow:var(--lt-shadow-lg); }
[data-theme="light"] .sync-text{ color:var(--lt-text); }
[data-theme="light"] .sync-sub{ color:var(--lt-text-3); }
[data-theme="light"] .sync-spinner{ border-color:rgba(var(--lt-ink-rgb),.12); border-top-color:var(--lt-accent); }
[data-theme="light"] .va-card-grid ~ p{ color:var(--lt-text-3) !important; }

[data-theme="light"] .bp-board-results{ background:var(--lt-surface); border:1px solid var(--lt-border); border-radius:14px; padding:4px 20px 8px; box-shadow:var(--lt-shadow-sm); }
[data-theme="light"] .bp-board-row{ border-bottom-color:var(--lt-divider); }
[data-theme="light"] .bp-board-row:last-child{ border-bottom-color:transparent; }
[data-theme="light"] .bp-board-name,
[data-theme="light"] .bp-board-content,
[data-theme="light"] .bp-noresult{ color:var(--lt-text-3); }

[data-theme="light"] .invite-join-wrap{ background:var(--lt-surface); border-color:var(--lt-border); color:var(--lt-text); box-shadow:var(--lt-shadow-md); }
[data-theme="light"] .invite-box{ background:var(--lt-subtle); border-color:var(--lt-border); }
[data-theme="light"] .code-box{ border-bottom-color:var(--lt-divider); }
[data-theme="light"] .invite-btn:disabled{ background:var(--lt-fill-hover); color:var(--lt-text-3); }
[data-theme="light"] .invite-title{ color:var(--lt-accent-text); }
[data-theme="light"] .code-box b[style*="#ff0050"]{ color:var(--lt-accent-text) !important; }
[data-theme="light"] .invite-btn:not(:disabled){ background:var(--lt-accent); }
[data-theme="light"] .invite-btn:not(:disabled):hover{ background:var(--lt-accent-hover); }
[data-theme="light"] .status-ok{ color:#0a7f45; }
[data-theme="light"] .status-expired{ color:#c0262d; }
[data-theme="light"] .invite-join-wrap p{ color:var(--lt-text-3) !important; }
[data-theme="light"] div[style*="color:#999"],
[data-theme="light"] div[style*="color: #999"]{ color:var(--lt-text-3) !important; }

/* ===================================================================
   재생목록 팝업 (index.php #playlist_popup) — 흰 바탕에 흰 글씨였던 곳
=================================================================== */
[data-theme="light"] .playlist-dim.show{ background:rgba(var(--lt-ink-rgb),.35); }
[data-theme="light"] #playlist_popup{ background:var(--lt-surface); color:var(--lt-text); border:1px solid var(--lt-border); box-shadow:var(--lt-shadow-lg); opacity:1; }
[data-theme="light"] #playlist_popup::before{ opacity:0; }
[data-theme="light"] #playlist_popup .playlist-header{ background:var(--lt-subtle); border-bottom:1px solid var(--lt-border); }
[data-theme="light"] #playlist_popup .playlist-title{ color:var(--lt-text); }
[data-theme="light"] #playlist_popup .playlist-manage{ color:var(--lt-accent-text); }
[data-theme="light"] #playlist_popup .playlist-actions .divider{ color:var(--lt-border-strong); }
[data-theme="light"] #playlist_popup .playlist-close{ color:var(--lt-text-3); }
[data-theme="light"] #playlist_popup .playlist-close:hover{ color:var(--lt-text); }
[data-theme="light"] #playlist_popup .playlist-empty{ color:var(--lt-text-3); }
[data-theme="light"] #playlist_popup .ing-item{ border-bottom-color:var(--lt-divider); }
[data-theme="light"] #playlist_popup .ing-item:hover{ background:var(--lt-subtle); }
[data-theme="light"] #playlist_popup .ing-item.playing{ background:var(--lt-accent-soft); }
[data-theme="light"] #playlist_popup .track-index{ color:var(--lt-text-3); }
[data-theme="light"] #playlist_popup .track-title{ color:var(--lt-text); }
[data-theme="light"] #playlist_popup .ing-item.playing .track-title,
[data-theme="light"] #playlist_popup .track-title[style*="color"]{ color:var(--lt-accent-text) !important; }
[data-theme="light"] #playlist_popup .track-artist{ color:var(--lt-text-3); }
[data-theme="light"] #playlist_popup .track-actions button{ color:var(--lt-text-3); }
[data-theme="light"] #playlist_popup .track-actions .btn-play{ color:var(--lt-accent-text); }
[data-theme="light"] #playlist_popup .track-actions .btn-remove:hover{ color:var(--lt-text); }
[data-theme="light"] .slim-handle::before,
[data-theme="light"] .slim-handle::after{ background:var(--lt-text-4); }

/* ===================================================================
   로딩 표시 · 반복/섞기 아이콘 · 디깅 모드 띠 (index.php, player.php)
=================================================================== */
[data-theme="light"] #main_loader{ color:var(--lt-text); }
[data-theme="light"] #main_loader .spinner{ border-color:rgba(var(--lt-ink-rgb),.15); border-top-color:var(--lt-accent); background:var(--lt-surface); box-shadow:0 0 0 8px var(--lt-surface), var(--lt-shadow-md); }
[data-theme="light"] #waveform_loader{ color:var(--lt-text-2) !important; }
[data-theme="light"] #waveform_loader_mo{ background:rgba(var(--lt-surface-rgb),.78) !important; color:var(--lt-text-2) !important; }
[data-theme="light"] #btn_repeat i[style*="aaa"],
[data-theme="light"] #btn_shuffle i[style*="aaa"],
[data-theme="light"] #btn_repeat_mo i[style*="aaa"],
[data-theme="light"] #btn_shuffle_mo i[style*="aaa"]{ color:var(--lt-text-3) !important; }
[data-theme="light"] #bottom_player [style*="FF0050"],
[data-theme="light"] #bottom_player_mo [style*="FF0050"]{ color:var(--lt-accent-text) !important; }
[data-theme="light"] .bottom_player_controls button:hover,
[data-theme="light"] .mo-right button:hover,
[data-theme="light"] #btn_play_mo:hover{ color:var(--lt-accent-text); }
[data-theme="light"] .ring-fg{ stroke:var(--lt-accent); }
[data-theme="light"] #bottom_player_volume::-webkit-slider-thumb{ background:var(--lt-accent); }
[data-theme="light"] .mo-info .title,
[data-theme="light"] #title_mo{ background:none; -webkit-text-fill-color:var(--lt-text); color:var(--lt-text); }
[data-theme="light"] #digging_overlay{ background:var(--lt-side); border-top:1px solid var(--lt-border); color:var(--lt-text); }
[data-theme="light"] .digging_overlay_title,
[data-theme="light"] .digging_time{ color:var(--lt-text); }
[data-theme="light"] .digging_empty span{ color:var(--lt-text-3); }
/* 휴대폰 디깅 모드: 'DIGGING MODE'와 시간 글자가 파형 막대 위에 바로 있어 줄무늬가 글자를 지나가요 → 글자 뒤에만 흰 바탕 (크기·위치 그대로) */
[data-theme="light"] .digging_overlay_title,
[data-theme="light"] .digging_time{ opacity:1; background:rgba(var(--lt-surface-rgb),.9); box-shadow:0 0 0 3px rgba(var(--lt-surface-rgb),.9); border-radius:3px; }
[data-theme="light"] #digging_toggle{ background:var(--lt-surface); color:var(--lt-text); border-color:var(--lt-border-strong); }

/* 덮는 막: 메뉴 열 때·LP 메뉴 */
[data-theme="light"] .va-nav-open .va-dim{ background:rgba(var(--lt-ink-rgb),.38); }
[data-theme="light"] #lp-overlay{ background:rgba(var(--lt-ink-rgb),.45); }
/* LP 메뉴 판: 밝은 LP판에 홈 줄무늬, 가운데 라벨은 진한 남색 */
[data-theme="light"] #lp-panel{ background:radial-gradient(circle at 30% 10%,rgba(var(--lt-accent-rgb),.10),transparent 70%),repeating-radial-gradient(circle,rgba(var(--lt-ink-rgb),.05) 0 2px,transparent 2px 5px),radial-gradient(circle,var(--lt-surface) 0%,var(--lt-bg) 70%,var(--lt-fill-hover) 100%); box-shadow:var(--lt-shadow-lg),inset 0 0 0 1px var(--lt-border); }
[data-theme="light"] #lp-center{ background:var(--lt-ink); }
[data-theme="light"] .lp-item i,
[data-theme="light"] .lp-item span{ color:var(--lt-text); text-shadow:none; }
/* 휴대폰 '지금 재생 중' 화면 (index.php #trackInfo): 검정 판 대신 밝은 판 */
[data-theme="light"] #trackInfo{ color:var(--lt-text); }
[data-theme="light"] #trackInfo::before{ background:rgba(var(--lt-surface-rgb),.92); }
[data-theme="light"] #trackContent h2{ background:none; -webkit-text-fill-color:var(--lt-text); color:var(--lt-text); }
[data-theme="light"] #trackContent p,
[data-theme="light"] #trackInfo_time{ color:var(--lt-text-3); }
[data-theme="light"] #trackContent img{ box-shadow:var(--lt-shadow-lg); }
[data-theme="light"] #trackInfo .close-btn{ background:var(--lt-surface); color:var(--lt-text); box-shadow:inset 0 0 0 1px var(--lt-border), var(--lt-shadow-sm); }
/* 닫기(✕)를 누르는 순간 index.php의 다크용 핑크→주황 형광 원이 나와서 연회색 원으로 (도는 효과는 그대로) */
html[data-theme="light"] #trackInfo .close-btn:hover{ background:var(--lt-fill-hover); color:var(--lt-text); box-shadow:inset 0 0 0 1px var(--lt-border-strong), var(--lt-shadow-sm); }
[data-theme="light"] #profile_go{ background:var(--lt-surface); color:var(--lt-text); box-shadow:inset 0 0 0 1px var(--lt-border-strong); }
[data-theme="light"] #trackInfoControls .ti-btn{ background:var(--lt-surface); color:var(--lt-text); box-shadow:inset 0 0 0 1px var(--lt-border); }

/* ===================================================================
   그림이 없을 때 쓰는 검은 기본 그림 → 밝게 뒤집어요
   (/img/noimage.jpg: 검정 바탕에 흰 EDMKOREA 글씨)
=================================================================== */
[data-theme="light"] img[src$="/img/noimage.jpg"]{ filter:invert(1) brightness(.96) sepia(.12); } /* sepia: 차가운 흰색 대신 크림빛 */
[data-theme="light"] .va-album .thumb img,
[data-theme="light"] .va-chart-item .cover img,
[data-theme="light"] .c-cover img{ outline:1px solid rgba(var(--lt-ink-rgb),.16); outline-offset:-1px; }
/* 뒤집힌 기본 그림은 테두리 색도 같이 뒤집혀서, 미리 뒤집은 색을 줘요 (#232f3f → 화면에서 #d3c8b8) */
[data-theme="light"] .va-album .thumb img[src$="/img/noimage.jpg"],
[data-theme="light"] .va-chart-item .cover img[src$="/img/noimage.jpg"],
[data-theme="light"] .c-cover img[src$="/img/noimage.jpg"]{ outline-color:#232f3f; }
[data-theme="light"] .img-loader{ background:var(--lt-fill); }
[data-theme="light"] .album-cover .img-loader{ background:var(--lt-fill-hover); box-shadow:inset 0 0 0 1px var(--lt-border); }
[data-theme="light"] .img-spinner{ border-color:rgba(var(--lt-ink-rgb),.15); border-top-color:var(--lt-text-3); }

/* PRO 전용 배지 */
[data-theme="light"] .sc-pro-icon{ background:#fff7ed; color:#b54708; box-shadow:inset 0 0 0 1px #fed7aa; }

/* 관리자 팝업 아래 단추 줄 */
[data-theme="light"] .hd_pops_footer{ background:var(--lt-subtle); color:var(--lt-text); border-top:1px solid var(--lt-border); }
[data-theme="light"] .hd_pops_footer button{ background:var(--lt-surface); color:var(--lt-text); }
[data-theme="light"] .hd_pops_footer .hd_pops_close{ background:var(--lt-ink); color:#fff; }

/* ===================================================================
   내 디깅 리스트 (mypage/me_diging_list.php) — 로그인해야 보이는 곳
=================================================================== */
[data-theme="light"] .followings-container{ color:var(--lt-text); }
[data-theme="light"] .header-left h2{ color:var(--lt-text); }
[data-theme="light"] .header-left h2 small{ color:var(--lt-text-3); }
[data-theme="light"] .follow-search,
[data-theme="light"] .follow-select{ background:var(--lt-surface); color:var(--lt-text); border-color:var(--lt-border-strong); }
[data-theme="light"] .filter-btn{ background:var(--lt-ink); color:#fff; border-color:var(--lt-ink); }
[data-theme="light"] .following-item{ background:var(--lt-surface); border-color:var(--lt-border); box-shadow:var(--lt-shadow-sm); }
[data-theme="light"] .following-item:hover{ background:var(--lt-accent-soft); border-color:var(--lt-accent-line); }
[data-theme="light"] .following-item.checked{ background:var(--lt-accent-soft); }
[data-theme="light"] .following-item .name{ color:var(--lt-text); }
[data-theme="light"] .following-item small{ color:var(--lt-text-3); }
[data-theme="light"] .profile-btn{ background:var(--lt-surface); color:var(--lt-text-2); border:1px solid var(--lt-border-strong); }
[data-theme="light"] .profile-btn.on{ background:var(--lt-accent); color:#fff; border-color:transparent; }
[data-theme="light"] .empty-box{ background:var(--lt-surface); color:var(--lt-text-3); border:1px dashed var(--lt-border-strong); }
[data-theme="light"] .delete-btn{ background:var(--lt-surface); color:#c0262d; border:1px solid #f5c2c0; box-shadow:none; }
[data-theme="light"] .delete-btn:hover{ background:#fef3f2; box-shadow:none; }
[data-theme="light"] .delete-btn:disabled{ background:var(--lt-fill); color:var(--lt-text-4); border-color:var(--lt-border); }
[data-theme="light"] .pagination a.active{ background:var(--lt-ink); color:#fff; border-color:var(--lt-ink); }

/* ===================================================================
   디깅 신청 (mypage/diging_request.php)
=================================================================== */
[data-theme="light"] .diging-intro{ color:var(--lt-text); }
[data-theme="light"] .diging-hero h1{ color:var(--lt-text); }
[data-theme="light"] .diging-hero .badge.new{ background:var(--lt-ink); color:#fff; }
[data-theme="light"] .diging-hero .badge.legend{ background:var(--lt-accent-soft); color:var(--lt-accent-text); }
[data-theme="light"] .hero-desc{ color:var(--lt-text-3); }
[data-theme="light"] .hero-desc strong{ color:var(--lt-text); }
[data-theme="light"] .feature-card{ background:var(--lt-surface); border:1px solid var(--lt-border); box-shadow:var(--lt-shadow-sm); -webkit-backdrop-filter:none; backdrop-filter:none; }
[data-theme="light"] .feature-card:hover{ box-shadow:var(--lt-shadow-md); }
[data-theme="light"] .feature-card i{ color:var(--lt-accent-text); }
[data-theme="light"] .feature-card h3{ color:var(--lt-text); }
[data-theme="light"] .feature-card p{ color:var(--lt-text-3); }
[data-theme="light"] .diging-outer-box{ background:linear-gradient(135deg,#ff7a95,#f6b47a); }
[data-theme="light"] .diging-glass-box{ background:var(--lt-surface); border-color:transparent; color:var(--lt-text); }
[data-theme="light"] .followings-header h2{ color:var(--lt-text); }
[data-theme="light"] .header-icon,
[data-theme="light"] .status-icon.apply,
[data-theme="light"] .status-icon.pending{ color:var(--lt-accent-text); }
[data-theme="light"] .apply-title,
[data-theme="light"] .pending-title{ color:var(--lt-text); }
[data-theme="light"] .apply-desc,
[data-theme="light"] .pending-desc{ color:var(--lt-text-3); }
[data-theme="light"] .apply-btn{ background:var(--lt-accent); box-shadow:0 8px 20px rgba(var(--lt-accent-rgb),.22); }
[data-theme="light"] .apply-btn:hover{ background:var(--lt-accent-hover); box-shadow:0 10px 24px rgba(var(--lt-accent-rgb),.3); }

/* ===================================================================
   그누보드 기본 페이지 (메뉴에는 없고 주소로만 열려요): 전체검색·새글·FAQ·현재접속자
   기본 스킨의 파랑(#3a8afd)·회색 단추(#434a54)를 사이트 색으로, 흐린 줄(#ececec)은 또렷하게
=================================================================== */
[data-theme="light"] #sch_res_detail .btn_submit,
[data-theme="light"] #new_sch .btn_submit,
[data-theme="light"] #faq_sch .btn_submit{ background:var(--lt-ink); }
[data-theme="light"] #sch_res_detail .btn_submit:hover,
[data-theme="light"] #new_sch .btn_submit:hover,
[data-theme="light"] #faq_sch .btn_submit:hover{ background:var(--lt-text-2); }
[data-theme="light"] .switch_field label{ background-color:var(--lt-surface); color:var(--lt-text-3); border-color:var(--lt-border-strong); box-shadow:none; }
[data-theme="light"] .switch_field input:checked + label{ background-color:var(--lt-ink); border-color:var(--lt-ink); color:#fff; }
[data-theme="light"] #sch_res_ov{ background:var(--lt-surface); border-color:var(--lt-border); }
[data-theme="light"] #sch_res_ov h2{ color:var(--lt-text); }
[data-theme="light"] #sch_res_ov h2 strong{ color:var(--lt-accent-text); }
[data-theme="light"] #sch_res_ov ul{ color:var(--lt-text-3); }
[data-theme="light"] #sch_res_ov li{ border-right-color:var(--lt-border-strong); }
[data-theme="light"] #sch_res_board a{ background:var(--lt-surface); border-color:var(--lt-border-strong); color:var(--lt-text-2); }
[data-theme="light"] #sch_res_board a:not(.sch_on):hover,
[data-theme="light"] #sch_res_board a:not(.sch_on):focus{ background:var(--lt-fill-hover); color:var(--lt-text); }
[data-theme="light"] #sch_res_board a:not(.sch_on) .cnt_cmt{ background:transparent; color:var(--lt-accent-text); }
[data-theme="light"] #sch_res_board .sch_on{ background:var(--lt-ink); border-color:var(--lt-ink); color:#fff; box-shadow:none; }
[data-theme="light"] #sch_res_board .sch_on .cnt_cmt{ background:transparent; color:#fff; }
[data-theme="light"] .sch_res_list ul{ border-top-color:var(--lt-border); }
[data-theme="light"] .sch_res_list li{ border-bottom-color:var(--lt-divider); }
[data-theme="light"] .sch_res_list .pop_a{ background:var(--lt-fill); color:var(--lt-text-3); }
[data-theme="light"] .sch_res_list p,
[data-theme="light"] .sch_res_list .sch_info{ color:var(--lt-text-3); }
[data-theme="light"] .sch_more{ color:var(--lt-accent-text); }
[data-theme="light"] #current_connect li,
[data-theme="light"] #current_connect li:first-child,
[data-theme="light"] #faq_wrap li,
[data-theme="light"] #faq_wrap li:first-child{ border-color:var(--lt-border); }
[data-theme="light"] #current_connect .crt_num{ color:var(--lt-text-3); }
[data-theme="light"] .lat .lt_more{ color:var(--lt-accent-text); }

/* ===================================================================
   클럽·페스티벌 지도 (skin/board/clubmap/style.css의 --cm-* 색을 화이트 모드 색에 맞춰요)
   선택된 칩은 진한 남색, 주 단추·묶음 표시는 핑크 한 가지로.
   스킨 CSS가 나중에 읽혀서 html을 붙여 한 단계 더 구체적으로 써요.
=================================================================== */
html[data-theme="light"] .cm-app,
html[data-theme="light"] .cm-view,
html[data-theme="light"] .cm-write{
  --cm-bg:var(--lt-bg); --cm-map-bg:var(--lt-bg); --cm-panel:var(--lt-surface); --cm-card:var(--lt-subtle);
  --cm-line:var(--lt-border); --cm-text:var(--lt-text); --cm-muted:var(--lt-text-3); --cm-dim:var(--lt-text-3);
  --cm-soft:var(--lt-text-2); --cm-hover:var(--lt-subtle); --cm-btn:var(--lt-fill); --cm-btn-hover:var(--lt-fill-hover);
  --cm-float-line:var(--lt-border); --cm-brand:var(--lt-accent); --cm-club:var(--lt-accent); --cm-grad:var(--lt-accent);
  --cm-float:rgba(var(--lt-surface-rgb),.94); /* 지도 위 떠 있는 칩·검색칸도 크림빛 */
}
html[data-theme="light"] .cm-chip.is-on{ background:var(--lt-ink); border-color:var(--lt-ink); }
/* 지도 위 칩 그림자가 스크롤 상자에 잘려 회색 네모로 보여서 빼요 (테두리는 남아요) */
html[data-theme="light"] .cm-chip{ box-shadow:none; }

/* ===================================================================
   글씨 다듬기 (v4): 영어 제목이 단어 중간에서 끊기지 않게, 제목은 한 단계 가볍게.
   default.css의 p·게시판 표 칸이 word-break:break-all이라 "SKI D Remix"처럼 끊겼어요.
   단어 단위로 줄을 바꾸고, 칸보다 긴 단어만 어쩔 수 없이 나눠요.
   이 부분만은 줄바꿈 위치가 바뀌어요 (다크 모드는 그대로).
=================================================================== */
html[data-theme="light"] p,
html[data-theme="light"] .tbl_head01 td,
html[data-theme="light"] .tbl_head02 td,
html[data-theme="light"] .va-card .meta .title,
html[data-theme="light"] .va-album .title,
html[data-theme="light"] .va-chart-item .info .title{ word-break:keep-all; overflow-wrap:anywhere; }
html[data-theme="light"] .va-card .meta .title,
html[data-theme="light"] .va-album .title,
html[data-theme="light"] .va-chart-item .info .title{ font-weight:700; letter-spacing:-0.01em; }
/* 곡 목록 RELEASED 날짜가 "2026-"과 "11-02" 두 줄로 나뉘던 것: 한 줄로, 옆 아티스트 줄과 같은 크기로 */
html[data-theme="light"] .view-tracks .bp-tbody .c-release{ white-space:nowrap; font-size:13px; }

/* ===================================================================
   배너·아이콘 다듬기 (2026-11, 시안 A '네온 그라데이션')
   다크의 핑크→보라 그라데이션을 크림에 맞는 진하기로 가져와요.
   - 왼쪽 배너: 그라데이션 바탕 + 흰 글씨 (가장 옅은 핑크 끝에서도 흰 글씨 대비 4.6:1)
   - 메뉴 아이콘·'사운드클라우드 계정' 글씨·회원 사진 자리: 같은 그라데이션
   - 회원가입·휴대폰 자물쇠: 같은 그라데이션
=================================================================== */
[data-theme="light"]{
  --lt-grad:linear-gradient(100deg,#d92f55 0%,#a8329e 52%,#7034d6 100%);
  --lt-grad-soft:linear-gradient(100deg,rgba(217,47,85,.12) 0%,rgba(112,52,214,.10) 100%);
  --lt-grad-glow:0 10px 22px -12px rgba(168,50,158,.6);
}
[data-theme="light"] .mem-btn{ background:var(--lt-grad) !important; border:0 !important; box-shadow:var(--lt-grad-glow) !important; }
[data-theme="light"] .mem-btn,
[data-theme="light"] .mem-btn a,
[data-theme="light"] .mem-btn .rolling-text,
[data-theme="light"] .mem-btn .rolling-wrap a{ color:#fff !important; }
[data-theme="light"] .va-membership .avatar{ background:var(--lt-grad-soft); box-shadow:inset 0 0 0 1px var(--lt-accent-line); }
[data-theme="light"] .va-membership .avatar svg circle,
[data-theme="light"] .va-membership .avatar svg path{ fill:var(--lt-accent); }
[data-theme="light"] .va-nav a.active{ background:var(--lt-grad-soft); }
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  [data-theme="light"] .va-membership .mem-note .em,
  [data-theme="light"] .va-nav a i,
  [data-theme="light"] .va-nav a.active i,
  [data-theme="light"] .va-nav-parent i:not(.caret){ background:var(--lt-grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
}
[data-theme="light"] .va-login-area a.va-btn:nth-of-type(2){ background:var(--lt-grad); border-color:transparent; color:#fff; box-shadow:var(--lt-grad-glow); }
[data-theme="light"] .va-login-area a.va-btn:nth-of-type(2):hover{ background:var(--lt-grad); filter:brightness(1.07); }
[data-theme="light"] .va-login-icon,
[data-theme="light"] .va-login-icon2{ background:var(--lt-grad) !important; color:#fff !important; box-shadow:var(--lt-grad-glow); }