/* 오작교 재즈 테마 — 기존 스타일시트 다음에 연결 */
:root { --ink:#f2f2f3; --muted:#b4bcc5; --accent:#e73465; --line:#414750; }
body { background:transparent; color:#f2f2f3; }
.shell, .popup-player { background:#11151a; border-color:#343b43; box-shadow:0 10px 28px #0003; }
.hero { background:linear-gradient(120deg,#080b0f,#292e35); }
.hero h1, .hero-text { color:#fff; }
.hero-subtitle, .hero p { color:#cdd1d5; }
.hero[data-mode="track"] img, .hero img { background-color:#11151a; }
.now, .head 
{ background:linear-gradient(110deg,#252c35,#151a20); 
border-color:#414a54; 
border-left-color:#ddddff; /* 카드 이미지 옆 색상*/
}
.song h2, .title { color:#f7f7f8; }
.song p { color:#c9d5e0; }
.eyebrow, .credits dt, .seekrow { color:#a9d5ad; }
.credits dd { color:#e3e6e9; }
.playing-badge { background:#343b42; color:#c9ced1; }
.playing-badge.is-playing { background:#193c2c; color:#a5efbe; }
.timeline, .volume, .status, #status { color:#b5bec6; }
/*input[type="range"], input { accent-color:#ec2f65; } 연주바와 불륨바 색상*/
input[type="range"], input { accent-color:#7fa89c; }
.controls button, .selection-actions button, .album-tabs button, .dialog-close { background:#272e37; border-color:#49525d; color:#edf0f3; }
.controls button:hover, .controls button[aria-pressed="true"], .controls button.active, .selection-actions button:hover { background:#414a55; color:#fff; border-color:#727e8b; }
/*.controls .primary, #play, .album-tabs button[aria-pressed="true"] { background:#a8204b; border-color:#c13762; color:#fff; }*/
.controls .primary, #play, .album-tabs button[aria-pressed="true"] {
  background:#526d65;
  border-color:#7fa89c;
  color:#fff;
}
.controls .primary:hover, #play:hover { background:#6c8c81/*#cf315f*/; color:#fff; }
.panel, .panel-header, .songs { background-color:#171c22; border-color:#414750; color:#f0f1f3; }
.list, .songs { background-color:#10141b; }
.track-button, .songs .song { color:#f2f2f3; text-shadow:0 1px 3px #000; }
.num { color:#ccd1d8; }
.track-button:hover, .songs .song:hover { color:#ffbc7a !important; }
.track-button[aria-current="true"], .songs .selected .song { color:#ff4e7f !important; font-weight:700; }
.remove { color:#c5ccd4; }
.remove:hover { color:#ff4e7f; }
.track-check { background-color:#fff; }
.lyrics, .empty { background:#1d232b; color:#e8eaed; }
.album-description, .collection-description, #popup-player .popup-description { background:#1c2229; border-color:#414750; color:#e8e9eb; }
.album-description h3, .collection-description h3, #popup-player .popup-description h3 { color:#b4d9b7; }
.album-description strong { color:#e0ca93; }
.image-dialog { background:#1c2229; color:#fff; }

/* 재즈 연주기: 어두운 스크롤 바 */
.list,
.songs,
.album-description,
.collection-description,
.popup-description {
  scrollbar-width: thin;
  scrollbar-color: #718c83 #20262d;
}

/* 크롬 등 브라우저의 스크롤 바 */
.list::-webkit-scrollbar,
.songs::-webkit-scrollbar,
.album-description::-webkit-scrollbar,
.collection-description::-webkit-scrollbar,
.popup-description::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* 스크롤 바 바탕 */
.list::-webkit-scrollbar-track,
.songs::-webkit-scrollbar-track,
.album-description::-webkit-scrollbar-track,
.collection-description::-webkit-scrollbar-track,
.popup-description::-webkit-scrollbar-track {
  background: #20262d;
  border-radius: 8px;
}

/* 움직이는 스크롤 손잡이 */
.list::-webkit-scrollbar-thumb,
.songs::-webkit-scrollbar-thumb,
.album-description::-webkit-scrollbar-thumb,
.collection-description::-webkit-scrollbar-thumb,
.popup-description::-webkit-scrollbar-thumb {
  background: #718c83;
  border-radius: 8px;
}

/* 마우스를 올렸을 때 */
.list::-webkit-scrollbar-thumb:hover,
.songs::-webkit-scrollbar-thumb:hover,
.album-description::-webkit-scrollbar-thumb:hover,
.collection-description::-webkit-scrollbar-thumb:hover,
.popup-description::-webkit-scrollbar-thumb:hover {
  background: #91b0a5;
}