[hidden] { display: none !important; }
.home-page { padding-bottom: 50px; }
.home-heading { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin: 7px 0 30px; }
.home-heading .eyebrow { color: #9cb278; font-size: 10px; letter-spacing: 2px; margin: 0 0 14px; }
.home-heading h1 { font-size: 38px; letter-spacing: -1.3px; margin: 0 0 12px; font-weight: 550; }
.home-heading p { color: var(--muted); font-size: 13px; }
.home-count { color: #c4d59f; background: #273020; border: 1px solid #3c4b30; border-radius: 20px; padding: 8px 14px; font-size: 11px; white-space: nowrap; }
.home-import { display: flex; align-items: center; gap: 20px; padding: 25px; border-radius: 12px; border: 1px solid #465234; background: linear-gradient(120deg,#293121,#1b211c); }
.home-import-icon { padding: 17px; color: var(--accent); background: #d9f47912; border-radius: 10px; }
.home-import-icon svg { width: 28px; height: 28px; }
.home-import > div { flex: 1; min-width: 0; }
.home-import h2 { font-size: 18px; font-weight: 500; margin: 0 0 8px; }
.home-import p { font-size: 12px; line-height: 1.7; color: #a8b49b; margin: 0; }
.home-recovery { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; margin: 20px 0 26px; }
.home-recovery .text-button { font-size: 11px; }
.home-recovery > span { color: #7e8b7d; font-size: 11px; }
.home-page .library-status { font-size: 12px; color: #c1d69b; line-height: 1.7; margin: 10px 0; min-height: 0; }
.home-page .library-status:empty { display: none; }
.home-page .library-heading { font-size: 12px; letter-spacing: .2px; margin: 32px 0 14px; }
.song-row { display: flex; align-items: center; border: 1px solid #343e33; background: #1b211c; border-radius: 10px; margin: 10px 0; overflow: hidden; min-width: 0; }
.home-page .library-session { border: 0; margin: 0; background: none; border-radius: 0; padding: 20px; flex: 1; min-width: 0; gap: 18px; }
.home-page .library-session:hover { background: #263021; }
.home-page .library-session strong { font-size: 15px; font-weight: 500; }
.home-page .library-session small { font-size: 11px; color: #8f9e88; margin-top: 8px; }
.song-art { display: grid; place-items: center; width: 46px; height: 46px; flex-shrink: 0; background: linear-gradient(140deg,#465738,#273426); border-radius: 8px; color: #c6df9a; }
.song-art svg { width: 23px; height: 23px; }
.song-open { font-size: 10px; color: #a9c18c; white-space: nowrap; }
.song-copy { font-size: 10px; color: #aabe97; margin: 0 20px 0 4px; padding: 9px 10px; border: 1px solid #415237; border-radius: 6px; white-space: nowrap; }
.song-copy:hover { background: #34452a; color: #e4f5cb; }
.home-footer { display: flex; align-items: center; justify-content: space-between; gap: 15px; border-top: 1px solid #30392e; margin-top: 34px; padding-top: 18px; }
.home-footer p { font-size: 10px; color: #7f8e77; line-height: 1.8; max-width: 650px; }
.home-footer button { white-space: nowrap; font-size: 10px; }
.library-empty { color: #a3b095; font-size: 13px; line-height: 1.9; padding: 30px; border: 1px dashed #425337; border-radius: 10px; margin-top: 30px; }
.studio-back { margin: 0 0 22px; color: #b6cba0; font-size: 11px; }
.sidebar .nav-dot { display: none; }
.sidebar .nav-item.active .nav-dot { display: inline-block; }
@media(max-width:780px) {
  .home-heading h1 { font-size: 31px; }
  .home-import { padding: 20px; gap: 14px; flex-wrap: wrap; }
  .home-import > .button { margin-left: 66px; }
  .home-recovery { gap: 16px; }
  .home-recovery > span { width: 100%; line-height: 1.7; }
  .song-open { display: none; }
  .home-page .library-session { padding: 16px; gap: 12px; }
  .home-page .library-session strong { font-size: 13px; }
  .song-copy { font-size: 9px; margin-right: 12px; padding: 8px; }
  .home-footer { flex-direction: column; align-items: flex-start; }
}
@media(max-width:460px) {
  .home-heading { gap: 10px; margin-bottom: 24px; align-items: flex-start; }
  .home-heading h1 { font-size: 29px; }
  .home-heading p { font-size: 11px; line-height: 1.8; }
  .home-count { font-size: 9px; margin-top: 34px; padding: 7px 10px; }
  .home-import h2 { font-size: 15px; }
  .home-import p { font-size: 11px; }
  .home-import-icon { padding: 13px; }
  .home-import-icon svg { width: 24px; height: 24px; }
  .home-import > .button { margin-left: 0; width: 100%; }
  .song-row { flex-wrap: wrap; }
  .home-page .library-session { flex-basis: 100%; padding: 15px; }
  .song-copy { margin: 0 15px 13px 73px; }
  .song-art { width: 40px; height: 40px; }
  .home-page .library-session small { font-size: 10px; }
  .library-empty { padding: 20px; font-size: 12px; }
}