/* Music Library: approved glass presentation and readable controls. */
#page-content[data-page-type="library"] #ml-results-bar {
 padding:0 16px 12px;container-type:inline-size;scroll-margin-top:90px;
}
#page-content[data-page-type="library"] #ml-results-bar #ml-active-filters {
 display:block !important;position:relative;box-sizing:border-box;width:100%;max-width:none;height:58px;min-height:58px;margin:0 0 12px;padding:8px 0;
 background:none;border:0;border-bottom:1px solid #dce5c838;border-radius:0;box-shadow:none;overflow:hidden;animation:none;
}
#page-content[data-page-type="library"] #ml-results-bar #ml-active-filters::before {display:none}
#page-content[data-page-type="library"] #ml-results-bar .ml-active-filters-inner {
 display:grid;grid-template-columns:78px minmax(0,1fr) 82px;align-items:center;gap:10px;height:40px;margin:0;max-width:none;min-width:0;
}
#page-content[data-page-type="library"] #ml-results-bar .ml-active-filters-label {font-size:13px;color:#e9ecdf;white-space:nowrap}
#page-content[data-page-type="library"] #ml-results-bar #ml-active-chips {
 display:flex;flex-wrap:nowrap;gap:8px;align-items:center;min-width:0;width:100%;height:40px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#d1dab866 transparent;
}
#page-content[data-page-type="library"] #ml-results-bar #ml-active-chips:empty::before {content:'すべての曲';white-space:nowrap;font-size:13px;color:#d6decb}
html[lang^="en"] #page-content[data-page-type="library"] #ml-results-bar #ml-active-chips:empty::before {content:'All tracks'}
#page-content[data-page-type="library"] #ml-results-bar #ml-active-chips .ml-active-chip {
 flex:0 0 auto;max-width:min(300px,85%);min-height:32px;margin:0;padding:5px 11px;font-size:13px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
 background:linear-gradient(135deg,#ebdfaa29,#53735547) !important;color:#fff6d9 !important;border:1px solid #e8ddad8c !important;border-radius:18px;box-shadow:inset 0 1px 0 #fff3 !important;text-shadow:0 1px 3px #132119 !important;animation:none !important;transform:none !important;filter:none !important;
}
#page-content[data-page-type="library"] #ml-results-bar #ml-active-clear-all {min-height:36px;width:82px;padding:6px 8px;font-size:13px;color:#f4edd4;border-color:#d6dfbf66;background:#12291c66}
#page-content[data-page-type="library"] #ml-results-bar #ml-active-filters[hidden] #ml-active-clear-all {visibility:hidden;pointer-events:none}
#page-content[data-page-type="library"] #ml-results-bar .ml-results-inner {
 display:grid;grid-template-columns:minmax(90px,1fr) max-content max-content 116px max-content;gap:8px;align-items:center;min-width:0;max-width:none;margin:0;
}
#page-content[data-page-type="library"] #ml-results-bar :is(.ml-results-condition,.ml-results-hint) {display:none}
#page-content[data-page-type="library"] #ml-results-bar :is(.ml-results-count,.ml-recent-filter-btn,.ml-fav-filter-btn,#ml-sort-select,.sv-picker) {min-width:0;margin:0;white-space:nowrap}
#page-content[data-page-type="library"] #ml-results-bar .sv-trigger {white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
#page-content[data-page-type="library"] #ml-results-bar #ml-active-chips:focus-visible {outline:2px solid #ead49c;outline-offset:1px;border-radius:5px}
@container (max-width:700px) {
 #page-content[data-page-type="library"] #ml-results-bar .ml-results-inner {grid-template-columns:minmax(85px,1fr) max-content max-content;row-gap:10px}
 #page-content[data-page-type="library"] #ml-result-count {grid-column:1;grid-row:1}
 #page-content[data-page-type="library"] #ml-recent-filter-btn {grid-column:2;grid-row:1}
 #page-content[data-page-type="library"] #ml-fav-filter-btn {grid-column:3;grid-row:1}
 #page-content[data-page-type="library"] #ml-sort-select {grid-column:1/3;grid-row:2;width:100%}
 #page-content[data-page-type="library"] #ml-results-bar .sv-picker {grid-column:3;grid-row:2}
}
@container (max-width:420px) {
 #page-content[data-page-type="library"] #ml-results-bar .ml-results-inner {grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 #page-content[data-page-type="library"] #ml-result-count {grid-column:1/-1;grid-row:1}
 #page-content[data-page-type="library"] #ml-recent-filter-btn {grid-column:1;grid-row:2}
 #page-content[data-page-type="library"] #ml-fav-filter-btn {grid-column:2;grid-row:2}
 #page-content[data-page-type="library"] #ml-sort-select {grid-column:1;grid-row:3;min-width:0;width:100%}
 #page-content[data-page-type="library"] #ml-results-bar .sv-picker {grid-column:2;grid-row:3}
 #page-content[data-page-type="library"] #ml-results-bar .sv-trigger {width:100%;padding:8px 5px;font-size:13px}
 #page-content[data-page-type="library"] #ml-results-bar .ml-active-filters-inner {grid-template-columns:54px minmax(0,1fr) 66px;gap:6px}
 #page-content[data-page-type="library"] #ml-results-bar #ml-active-clear-all {width:66px;font-size:12px}
 #page-content[data-page-type="library"] #ml-results-bar .ml-active-filters-label {font-size:12px}
}
/* All view variations are sample-only; existing data, ordering and controls stay mounted. */
#page-content[data-page-type="library"] #ml-results-bar {position:relative;z-index:12;overflow:visible}
#page-content[data-page-type="library"] .ml-stack-tools {display:none}
#page-content[data-page-type="library"] #ml-results-bar .ml-results-inner {gap:8px;align-items:center}
#page-content[data-page-type="library"] #ml-results-bar .ml-results-hint {display:none}
#page-content[data-page-type="library"] #ml-results-bar .ml-results-count {margin-right:auto;white-space:nowrap}
#page-content[data-page-type="library"] #ml-results-bar :is(.ml-recent-filter-btn,.ml-fav-filter-btn) {min-height:40px;margin:0;padding:7px 10px;font-size:13px;white-space:nowrap}
#page-content[data-page-type="library"] #ml-results-bar .sv-picker {margin-left:0}
#page-content[data-page-type="library"] .ml-results-inner {flex-wrap:wrap;gap:10px}
#page-content[data-page-type="library"] .sv-picker {position:relative;flex:none;z-index:30;margin-left:auto}
#page-content[data-page-type="library"] .sv-trigger {min-height:44px;padding:8px 12px;border:1px solid #d5dfbf80;border-radius:9px;background:#142e25d9;color:#faf5db;font:500 14px/1.5 var(--font-sans-jp,sans-serif);cursor:pointer}
#page-content[data-page-type="library"] .sv-menu {position:absolute;right:0;top:calc(100% + 8px);width:310px;max-width:calc(100vw - 44px);padding:9px;border:1px solid #dedaba91;border-radius:14px;background:linear-gradient(135deg,#294136fa,#12271ffa);box-shadow:0 16px 45px #0008;backdrop-filter:blur(24px);color:#f9f6e9;z-index:100}
#page-content[data-page-type="library"] .sv-menu[hidden] {display:none}
#page-content[data-page-type="library"] .sv-menu {overflow-y:auto;overscroll-behavior:contain}
#page-content[data-page-type="library"] .sv-menu fieldset {border:0;padding:0;margin:0;min-width:0}
#page-content[data-page-type="library"] .sv-menu legend {padding:8px 10px;font:500 13px/1.5 sans-serif;color:#dce4cf}
#page-content[data-page-type="library"] .sv-menu label {display:flex;align-items:center;gap:10px;padding:10px 8px;min-height:60px;border-radius:8px;cursor:pointer}
#page-content[data-page-type="library"] .sv-menu label:has(input:checked) {background:#e3ddb31c;box-shadow:inset 0 0 0 1px #e3ddb34d}
#page-content[data-page-type="library"] .sv-menu label:hover {background:#e3ddb326}
#page-content[data-page-type="library"] .sv-menu input {accent-color:#e3ddb3;width:16px;height:16px;flex:none}
#page-content[data-page-type="library"] .sv-icon {font-size:24px;width:26px;text-align:center;color:#ece0ad}
#page-content[data-page-type="library"] .sv-menu strong {display:block;font:500 15px/1.5 sans-serif}
#page-content[data-page-type="library"] .sv-menu small {display:block;font:400 12px/1.6 sans-serif;color:#dce4cf}
#page-content[data-page-type="library"] .sv-legend {display:none;margin:10px 2px 14px;color:#f1f0de;font:400 13px/1.8 var(--font-sans-jp,sans-serif);text-shadow:0 1px 5px #06170d,0 0 10px #06170d}
#page-content[data-page-type="library"] .ml-card-title a {color:inherit;text-decoration:none}
#page-content[data-page-type="library"] .ml-card-title a:hover {text-decoration:underline;text-underline-offset:4px}
#page-content[data-page-type="library"].ml-compact .sv-legend {display:block}
#page-content[data-page-type="library"].ml-compact #ml-grid {gap:12px;align-items:stretch}
#page-content[data-page-type="library"][data-library-view="medium"] #ml-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
#page-content[data-page-type="library"][data-library-view="small"] #ml-grid {grid-template-columns:repeat(4,minmax(0,1fr))}
#page-content[data-page-type="library"].ml-compact .fg-perspective {min-width:0;height:100%;perspective:none}
#page-content[data-page-type="library"].ml-compact .ml-card {min-height:0;height:100%;transform:none;border-radius:12px;overflow:hidden}
#page-content[data-page-type="library"].ml-compact .ml-card-inner {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 4px;align-content:start;align-items:center;padding:16px;min-height:0;height:auto}
#page-content[data-page-type="library"].ml-compact :is(.ml-card-desc,.ml-card-footer,.hmt-community-words,.hmt-word-group,.hmt-words-more,.ml-card-playing-bar,.ml-card-rank,.ml-card-jacket,.fg-noise,.fg-iridescent,.fg-specular,.fg-gloss,.fg-halo) {display:none}
#page-content[data-page-type="library"].ml-compact :is(.ml-card-actions,.ml-card-secondary,.ml-card-icon-actions) {display:contents}
#page-content[data-page-type="library"].ml-compact :is(.ml-card-header,.ml-card-title,.ml-card-tags) {grid-column:1/-1;margin:0;min-width:0}
#page-content[data-page-type="library"].ml-compact .ml-card-header {grid-row:1;min-height:0;padding:0}
#page-content[data-page-type="library"].ml-compact .ml-card-title {grid-row:2;font-size:17px;line-height:1.6;min-height:54px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#page-content[data-page-type="library"].ml-compact .ml-card-tags {grid-row:3;min-height:27px;display:flex;gap:4px;flex-wrap:wrap}
#page-content[data-page-type="library"].ml-compact .ml-card-tag {font-size:13px;padding:2px 7px}
#page-content[data-page-type="library"].ml-compact .ml-card-meta-badge {font-size:13px;position:static;margin:0;padding:2px 7px}
#page-content[data-page-type="library"].ml-compact :is(.ml-btn-play,.ml-btn-dl,.ml-btn-tools,.ml-btn-detail,.ml-btn-fav) {grid-row:4;width:100%;min-width:0;min-height:40px;height:40px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:18px;gap:0}
#page-content[data-page-type="library"].ml-compact .ml-btn-play {grid-column:1}
#page-content[data-page-type="library"].ml-compact .ml-btn-dl {grid-column:2}
#page-content[data-page-type="library"].ml-compact .ml-btn-tools {grid-column:3}
#page-content[data-page-type="library"].ml-compact .ml-btn-detail {grid-column:4}
#page-content[data-page-type="library"].ml-compact .ml-btn-fav {grid-column:5}
#page-content[data-page-type="library"].ml-compact :is(.ml-btn-play .play-label,.ml-btn-dl>span,.ml-btn-tools .tools-label) {display:none}
#page-content[data-page-type="library"].ml-compact :is(.ml-btn-play svg,.ml-btn-dl svg,.tools-glyph,.tools-glyph svg) {width:17px;height:17px}
#page-content[data-page-type="library"][data-library-view="small"] .ml-card-inner {grid-template-columns:repeat(4,minmax(0,1fr));padding:12px;gap:8px 4px}
#page-content[data-page-type="library"][data-library-view="small"] .ml-card-title {grid-row:1;font-size:16px;min-height:52px}
#page-content[data-page-type="library"][data-library-view="small"] .ml-card-header {grid-row:2}
#page-content[data-page-type="library"][data-library-view="small"] :is(.ml-card-tags,.ml-btn-tools) {display:none}
#page-content[data-page-type="library"][data-library-view="small"] :is(.ml-btn-play,.ml-btn-dl,.ml-btn-detail,.ml-btn-fav) {grid-row:3}
#page-content[data-page-type="library"][data-library-view="small"] .ml-btn-detail {grid-column:3}
#page-content[data-page-type="library"][data-library-view="small"] .ml-btn-fav {grid-column:4}
/* One mounted card becomes one row, retaining its play/save/download state. */
#page-content[data-page-type="library"]:is([data-library-view="list"],[data-library-view="details"]) #ml-grid {grid-template-columns:minmax(0,1fr);gap:5px}
#page-content[data-page-type="library"]:is([data-library-view="list"],[data-library-view="details"]) .ml-card-inner {grid-template-columns:40px minmax(0,1fr) 58px repeat(3,40px);gap:8px;padding:8px 12px;min-height:58px}
#page-content[data-page-type="library"]:is([data-library-view="list"],[data-library-view="details"]) .ml-card-title {grid-column:2;grid-row:1;min-height:0;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:16px}
#page-content[data-page-type="library"]:is([data-library-view="list"],[data-library-view="details"]) .ml-card-header {grid-column:3;grid-row:1;justify-content:flex-end}
#page-content[data-page-type="library"]:is([data-library-view="list"],[data-library-view="details"]) :is(.ml-card-tags,.ml-btn-tools,.ml-card-meta-badge:not(.ml-card-meta-badge--duration)) {display:none}
#page-content[data-page-type="library"]:is([data-library-view="list"],[data-library-view="details"]) .ml-btn-play {grid-column:1;grid-row:1}
#page-content[data-page-type="library"]:is([data-library-view="list"],[data-library-view="details"]) .ml-btn-detail {grid-column:4;grid-row:1}
#page-content[data-page-type="library"]:is([data-library-view="list"],[data-library-view="details"]) .ml-btn-fav {grid-column:5;grid-row:1}
#page-content[data-page-type="library"]:is([data-library-view="list"],[data-library-view="details"]) .ml-btn-dl {grid-column:6;grid-row:1}
#page-content[data-page-type="library"][data-library-view="details"] .ml-card-inner {grid-template-columns:40px minmax(0,1fr) 58px 155px repeat(3,40px);padding:12px;gap:6px 8px}
#page-content[data-page-type="library"][data-library-view="details"] .ml-card-desc {display:block;grid-column:2;grid-row:2;min-height:0;font-size:14px;line-height:1.7;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0}
#page-content[data-page-type="library"][data-library-view="details"] .ml-card-tags {display:flex;grid-column:4;grid-row:1/3;min-height:0}
#page-content[data-page-type="library"].ml-compact[data-library-view="details"] .ml-card-tags {display:flex}
#page-content[data-page-type="library"][data-library-view="details"] :is(.ml-card-header,.ml-btn-play,.ml-btn-detail,.ml-btn-fav,.ml-btn-dl) {grid-row:1/3}
#page-content[data-page-type="library"][data-library-view="details"] .ml-btn-detail {grid-column:5}
#page-content[data-page-type="library"][data-library-view="details"] .ml-btn-fav {grid-column:6}
#page-content[data-page-type="library"][data-library-view="details"] .ml-btn-dl {grid-column:7}
@media(max-width:1100px){
 #page-content[data-page-type="library"][data-library-view="medium"] #ml-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 #page-content[data-page-type="library"][data-library-view="small"] #ml-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
 #page-content[data-page-type="library"][data-library-view="details"] .ml-card-inner {grid-template-columns:40px minmax(0,1fr) 54px repeat(3,40px)}
 #page-content[data-page-type="library"][data-library-view="details"] .ml-card-tags {display:none}
 #page-content[data-page-type="library"].ml-compact[data-library-view="details"] .ml-card-tags {display:none}
 #page-content[data-page-type="library"][data-library-view="details"] .ml-btn-detail {grid-column:4}
 #page-content[data-page-type="library"][data-library-view="details"] .ml-btn-fav {grid-column:5}
 #page-content[data-page-type="library"][data-library-view="details"] .ml-btn-dl {grid-column:6}
}
@media(max-width:600px){
 #page-content[data-page-type="library"] .sv-picker {margin-left:0}
 #page-content[data-page-type="library"] .sv-menu {right:auto;left:0}
 #page-content[data-page-type="library"][data-library-view="medium"] #ml-grid {grid-template-columns:minmax(0,1fr)}
 #page-content[data-page-type="library"][data-library-view="small"] #ml-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 #page-content[data-page-type="library"][data-library-view="small"] .ml-card-inner {grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}
 #page-content[data-page-type="library"][data-library-view="small"] .ml-btn-detail {grid-column:1;grid-row:4}
 #page-content[data-page-type="library"][data-library-view="small"] .ml-btn-fav {grid-column:2;grid-row:4}
 #page-content[data-page-type="library"]:is([data-library-view="list"],[data-library-view="details"]) .ml-card-inner {grid-template-columns:36px minmax(0,1fr) 45px 36px 36px;padding:8px;gap:4px}
 #page-content[data-page-type="library"]:is([data-library-view="list"],[data-library-view="details"]) .ml-btn-detail {display:none}
 #page-content[data-page-type="library"]:is([data-library-view="list"],[data-library-view="details"]) .ml-btn-fav {grid-column:4}
 #page-content[data-page-type="library"]:is([data-library-view="list"],[data-library-view="details"]) .ml-btn-dl {grid-column:5}
 #page-content[data-page-type="library"]:is([data-library-view="list"],[data-library-view="details"]) .ml-card-title {font-size:15px}
 #page-content[data-page-type="library"]:is([data-library-view="list"],[data-library-view="details"]) .ml-card-meta-badge {font-size:12px;padding:2px 4px}
}