/* Library-only glass refinement. Header, persistent player and modal shells are excluded. */
#page-content[data-page-type="library"] {
  --lg-edge: rgba(225, 238, 207, .32);
  --lg-light: rgba(250, 248, 216, .58);
  --lg-ink: #f2f3e6;
  --lg-soft: #d1decd;
}
#page-content[data-page-type="library"] .music-library-hero {
  background: radial-gradient(ellipse at 64% 5%, rgba(211, 231, 164, .16), transparent 62%), linear-gradient(180deg, rgba(5, 23, 15, .12), rgba(5, 23, 15, .55));
}
#page-content[data-page-type="library"] .music-library-hero__title {
  color: #faf4dd;
  text-shadow: 0 2px 25px rgba(10, 28, 18, .55);
  letter-spacing: .055em;
}
#page-content[data-page-type="library"] :is(.music-library-hero__lead,.music-library-hero__sublead,.ml-search-help) { color: var(--lg-soft); }
#page-content[data-page-type="library"] .music-library-hero__search {
  color: var(--lg-ink);
  background: linear-gradient(118deg, rgba(201, 223, 179, .23), rgba(15, 42, 32, .76));
  border: 1px solid var(--lg-edge);
  border-top-color: var(--lg-light);
  box-shadow: inset 0 1px 0 rgba(255, 255, 221, .14), 0 10px 30px rgba(0, 15, 10, .2);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
#page-content[data-page-type="library"] .music-library-hero__search::placeholder { color: #cbd9c6; }
#page-content[data-page-type="library"] .music-library-hero__search:focus { border-color: #dcca94; box-shadow: 0 0 0 3px rgba(214, 205, 153, .16); }
#page-content[data-page-type="library"] :is(.ml-left-tag-list,.ml-filter-group-toggle,.ml-results-bar,.ml-qs-card,.music-library-hero__quick-tag,.library-start) {
  background: linear-gradient(125deg, rgba(198, 222, 183, .17), rgba(17, 46, 34, .76) 60%, rgba(70, 94, 68, .24));
  border: 1px solid var(--lg-edge);
  border-top-color: rgba(237, 242, 212, .43);
  box-shadow: inset 0 1px 0 rgba(255, 251, 217, .08), 0 9px 25px rgba(1, 18, 11, .16);
  color: var(--lg-ink);
}
#page-content[data-page-type="library"] :is(.ml-left-tag-list,.ml-results-bar) { backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }
#page-content[data-page-type="library"] :is(.ml-qs-card,.music-library-hero__quick-tag,.ml-filter-group-toggle) { backdrop-filter: none; -webkit-backdrop-filter: none; }
#page-content[data-page-type="library"] :is(.ml-qs-card.active,.music-library-hero__quick-tag.active,.ml-hero-tag-btn.is-active) {
  background: linear-gradient(130deg, rgba(226, 228, 177, .36), rgba(61, 103, 67, .7));
  border-color: #c7c995;
  box-shadow: inset 0 1px 0 rgba(255, 249, 204, .35), 0 0 20px rgba(223, 223, 154, .08);
}
#page-content[data-page-type="library"] .ml-chip { color: #dce7d5; background: rgba(9, 36, 24, .48); border-color: rgba(215, 228, 198, .25); }
#page-content[data-page-type="library"] :is(.ml-chip.active,.ml-chip.is-active,.ml-chip[aria-pressed="true"]) { background: #e0dfb5; color: #1b3928; border-color: #e0dfb5; }
#page-content[data-page-type="library"] .ml-card {
  border: 1px solid var(--lg-edge);
  border-top-color: var(--lg-light);
  border-radius: 14px;
  background: radial-gradient(ellipse at 0% 0%, rgba(212, 231, 175, .12), transparent 64%), linear-gradient(132deg, rgba(83, 119, 84, .52), rgba(12, 39, 29, .88) 65%, rgba(22, 54, 39, .8));
  box-shadow: inset 0 1px 0 rgba(255, 251, 219, .13), inset 1px 0 0 rgba(232, 247, 211, .06), 0 10px 28px rgba(0, 15, 9, .18);
  backdrop-filter: blur(10px) saturate(1.08);
  -webkit-backdrop-filter: blur(10px) saturate(1.08);
  will-change: auto;
  transition: border-color .22s ease, box-shadow .22s ease, background-color .22s ease;
}
/* Quiet the old opaque jacket so the new material remains visible. */
#page-content[data-page-type="library"] .ml-card-jacket { opacity: .08; }
#page-content[data-page-type="library"] .ml-card-inner { background: transparent; }
#page-content[data-page-type="library"] .library-start { border-radius: 12px; padding: 8px 12px; }
#page-content[data-page-type="library"] .music-library-hero__search-wrap { background: rgba(56, 80, 49, .18); border-color: rgba(230, 235, 191, .36); }
#page-content[data-page-type="library"] :is(.fg-noise,.fg-iridescent,.fg-iridescent--sharp,.fg-specular,.fg-gloss,.fg-halo) { opacity: .035; }
#page-content[data-page-type="library"] .ml-card-title { color: var(--lg-ink); text-shadow: 0 1px 8px rgba(0, 20, 10, .3); }
#page-content[data-page-type="library"] .ml-card-desc { color: #d1dfca; }
#page-content[data-page-type="library"] .ml-card-tag { color: #e0e6c6; background: rgba(30, 59, 38, .63); border-color: rgba(217, 230, 191, .2); }
#page-content[data-page-type="library"] .ml-card-meta-badge { color: #e9e5c3; border-color: rgba(225, 230, 190, .3); background: rgba(8, 31, 18, .52); }
#page-content[data-page-type="library"] :is(.ml-btn-play,.ml-btn-dl) {
  border-color: rgba(223, 230, 189, .46);
  background: linear-gradient(135deg, rgba(198, 221, 164, .19), rgba(25, 63, 39, .45));
  color: #f2f3dc;
  box-shadow: inset 0 1px 0 rgba(250, 247, 208, .09);
}
#page-content[data-page-type="library"] .ml-card.is-playing { border-color: #ded299; box-shadow: inset 0 1px 0 #f4ecc68c, 0 0 0 1px rgba(211, 204, 144, .2), 0 8px 35px rgba(211, 213, 138, .1); }
#page-content[data-page-type="library"] .ml-card.is-playing .ml-btn-play { color: #182d1f; background: #dfdeb1; }
#page-content[data-page-type="library"] :is(button,a,input,select):focus-visible { outline: 2px solid #f3df9f; outline-offset: 3px; }
@media (hover: hover) {
  #page-content[data-page-type="library"] .ml-card:hover { transform: none; border-color: #ced7a6; box-shadow: inset 0 1px 0 #f8f5cb66, 0 12px 30px rgba(0, 20, 10, .28); }
  #page-content[data-page-type="library"] :is(.ml-btn-play,.ml-btn-dl):hover { background: rgba(118, 153, 88, .38); }
}
@media (max-width: 820px) {
  #page-content[data-page-type="library"] .ml-card { backdrop-filter: none; -webkit-backdrop-filter: none; background: linear-gradient(132deg, rgba(76, 107, 70, .77), rgba(13, 39, 27, .96) 70%); }
  #page-content[data-page-type="library"] :is(.ml-results-bar,.ml-left-tag-list) { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
}
@media (prefers-reduced-motion: reduce) { #page-content[data-page-type="library"] .ml-card { transition: none; } }
@supports not (backdrop-filter: blur(1px)) {
  #page-content[data-page-type="library"] :is(.ml-card,.ml-left-tag-list,.ml-results-bar,.music-library-hero__search) { background-color: #173b29; }
}

/* A quiet invitation, distinct from filters and results. */
#page-content[data-page-type="library"] .library-start {
  padding: 12px 16px; border-radius: 16px;
  background: linear-gradient(110deg, rgba(211,196,148,.13), rgba(12,32,25,.64) 70%);
  border-color: rgba(225,209,165,.25); border-top-color: rgba(247,231,188,.48);
  box-shadow: inset 0 1px 0 rgba(255,241,206,.08), 0 8px 24px rgba(2,15,10,.14);
}
#page-content[data-page-type="library"] .library-start__jump {
  padding: 8px 18px; border-radius: 9px; color: #f1dfb2;
  border: 1px solid rgba(225,202,143,.4);
  background: linear-gradient(125deg,rgba(211,188,126,.18),rgba(34,53,38,.34));
  font-weight: 500; letter-spacing: .05em; text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(250,230,178,.12);
}
#page-content[data-page-type="library"] .library-start summary { color: #d0d8c7; font-weight: 400; }
#page-content[data-page-type="library"] .library-start__help { background: rgba(8,27,20,.52); border-color: rgba(220,202,151,.5); border-radius: 0 10px 10px 0; color: #d6dfcf; }
#page-content[data-page-type="library"] .library-start__help :is(a,button) { color: #ecdbb0; }
/* Eight illustrated scene seals: a different silhouette and material from filter chips. */
#page-content[data-page-type="library"] .ml-quick-scene { background: linear-gradient(180deg,rgba(9,29,23,.32),rgba(15,33,29,.6)); border-color: rgba(220,216,178,.16); }
#page-content[data-page-type="library"] .ml-qs-card {
  --scene-light: 182,201,152;
  position: relative; overflow: hidden; min-height: 142px; padding: 20px 9px 16px; gap: 8px;
  border-radius: 32px 32px 12px 12px;
  background: radial-gradient(ellipse at 50% 0%,rgba(var(--scene-light),.2),transparent 75%),linear-gradient(155deg,rgba(68,83,69,.58),rgba(10,29,26,.88));
  border: 1px solid rgba(var(--scene-light),.34); border-top-color: rgba(var(--scene-light),.64);
  box-shadow: inset 0 1px 0 rgba(255,240,205,.15),0 8px 22px rgba(0,12,9,.22);
}
#page-content[data-page-type="library"] .ml-qs-card:nth-child(2n) { --scene-light: 200,182,143; }
#page-content[data-page-type="library"] .ml-qs-card:nth-child(3n) { --scene-light: 157,189,211; }
#page-content[data-page-type="library"] .ml-qs-card:nth-child(4n) { --scene-light: 186,168,205; }
#page-content[data-page-type="library"] .ml-qs-card .ml-qs-icon { color: #e7d9ae; filter: drop-shadow(0 2px 8px rgba(var(--scene-light),.18)); }
#page-content[data-page-type="library"] .ml-qs-label { color: #e4dfc7; font-size: 11px; letter-spacing: .1em; }
#page-content[data-page-type="library"] .ml-qs-label-jp { color: #f3eee0; font-size: 14px; letter-spacing: .08em; }
#page-content[data-page-type="library"] .ml-qs-card.active { border-color: #ebd397; background: radial-gradient(ellipse at 50% 0%,rgba(235,211,151,.32),transparent 80%),#284438; box-shadow: inset 0 0 0 1px rgba(235,211,151,.38),0 0 18px rgba(213,194,135,.12); }
@media (hover:hover) {
  #page-content[data-page-type="library"] :is(.library-start__jump,.ml-qs-card):hover { border-color: #e8d6a5; color: #fff0cd; }
}
@media (max-width:820px) {
  #page-content[data-page-type="library"] .ml-qs-card { min-height: 122px; padding: 15px 5px 12px; border-radius: 25px 25px 10px 10px; }
  #page-content[data-page-type="library"] .ml-qs-label { font-size: 10px; letter-spacing: .025em; }
  #page-content[data-page-type="library"] .library-start { padding: 10px 12px; }
}