#list-container{height:600px;overflow:hidden}.ui-segmented{flex:none}.vlist-item{border-bottom:1px solid var(--border);transition:background-color 0.2s ease}.vlist-item.vlist-item--selected{background-color:var(--badge-error-bg)}.vlist-item.vlist-item--selected:hover{background-color:var(--badge-error-bg);opacity:0.8}.item-content{display:flex;align-items:center;gap:10px;width:100%;padding:6px 12px;height:100%;overflow:hidden}.item-artwork{width:36px;height:36px;border-radius:var(--radius-xs);flex:0 0 36px;overflow:hidden;position:relative}.item-cover{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--radius-xs);background:var(--vlist-placeholder-bg);opacity:1;transition:opacity 0.4s ease}.item-cover.item-cover--loaded{opacity:1}.item-cover--fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--vlist-placeholder-bg);color:var(--text);font-weight:600;font-size:13px;border-radius:var(--radius-xs)}.item-details{flex:1 1 0%;min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:2px}.item-title{font-weight:500;font-size:var(--fs-sm);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.item-artist{font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.item-meta{font-size:var(--fs-xs);color:var(--text-dim);display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-separator{color:var(--text-dim)}.item-year,.item-country,.item-duration{color:var(--text-dim)}.item-duration-main{flex:0 0 auto;font-size:var(--fs-xs);color:var(--text-dim);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.item-menu{flex:0 0 auto;opacity:0;transition:opacity 0.15s ease;color:var(--text-muted);cursor:pointer;padding:2px;font-size:var(--fs-xs)}.vlist-item:hover .item-menu{opacity:1}.item-menu:hover{color:var(--text)}.vlist-grid-item.vlist-item--selected{background-color:transparent !important}.vlist-grid-item.vlist-item--selected .grid-card{border:1px solid var(--accent);background-color:var(--badge-error-bg)}.grid-card{display:flex;flex-direction:column;height:100%;width:100%;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface);border:1px solid var(--border);transition:border-color 0.2s ease}.grid-card:hover{border-color:var(--text-muted)}.vlist-item--selected .grid-card{border-color:var(--badge-error-bg);box-shadow:0 0 0 1px var(--badge-error-bg)}.grid-card__artwork{flex:1;min-height:0;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:var(--accent)}.grid-cover{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity 0.4s ease}.grid-cover.grid-cover--loaded{opacity:1}.grid-cover--fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text);font-weight:700;font-size:28px;letter-spacing:1px}.grid-card__body{padding:8px 10px;display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--border)}.grid-card__title{font-weight:500;font-size:var(--fs-sm);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.grid-card__artist{font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.grid-card__meta{display:flex;gap:6px;font-size:var(--fs-xs);color:var(--text-dim);margin-top:2px}.mode-grid .vlist-item{border-bottom:none}.table-cell--title{font-weight:500}.mode-table .vlist-item.vlist-item--selected{background-color:var(--badge-error-bg)}.vlist-item--placeholder .item-title{color:transparent;background-color:var(--vlist-placeholder-bg);border-radius:4px;width:fit-content;line-height:1.1;margin-bottom:1px}.vlist-item--placeholder .item-artist{color:transparent;background-color:var(--vlist-placeholder-bg);border-radius:4px;width:fit-content;line-height:1}.vlist-item--placeholder .item-duration-main{color:transparent}.vlist-item--placeholder .item-menu{visibility:hidden}.vlist-item--placeholder .grid-cover--fallback{color:transparent}.vlist-item--placeholder .grid-card__title{color:transparent;background-color:var(--vlist-placeholder-bg);border-radius:4px;width:fit-content;line-height:1.1;margin-bottom:1px}.vlist-item--placeholder .grid-card__artist{color:transparent;background-color:var(--vlist-placeholder-bg);border-radius:4px;width:fit-content;line-height:1}.vlist-item--placeholder .grid-card__meta{visibility:hidden}@media (max-width:820px){#list-container{height:400px}.item-artwork{width:30px;height:30px;flex-basis:30px}.item-cover--fallback{font-size:11px}.item-meta{display:none}}