.header-section.svelte-add20r{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.content-header.svelte-add20r{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.content-header.svelte-add20r .artwork:where(.svelte-add20r){width:16rem;height:16rem;border-radius:1rem;object-fit:cover;box-shadow:0 8px 32px #0006}.content-header.svelte-add20r .artwork-placeholder:where(.svelte-add20r){width:16rem;height:16rem;border-radius:1rem;background:#ffffff1a;display:flex;align-items:center;justify-content:center}.content-header.svelte-add20r .artwork-placeholder:where(.svelte-add20r) i:where(.svelte-add20r){font-size:3rem;opacity:.4;color:#fff}.content-header.svelte-add20r .artwork-button:where(.svelte-add20r){background:none;border:none;padding:0;cursor:pointer}.content-header.svelte-add20r .artwork-button:where(.svelte-add20r):disabled{cursor:default;opacity:.7}.content-header.svelte-add20r .info:where(.svelte-add20r){display:flex;flex-direction:column;align-items:center;gap:.125rem}.content-header.svelte-add20r .info:where(.svelte-add20r) .name:where(.svelte-add20r){font-size:1.3125rem;font-weight:700;color:#fff;margin:0;line-height:1.3;text-shadow:0px 2px 6px rgba(38,38,38,.25)}.content-header.svelte-add20r .info:where(.svelte-add20r) .artist:where(.svelte-add20r){font-size:.9375rem;color:#ffffffb3;text-shadow:0px 2px 6px rgba(38,38,38,.25)}.service-buttons.svelte-add20r{width:fit-content;display:flex;flex-direction:column;align-items:center;gap:1rem}.tracks-section.svelte-add20r{flex:1}.track-list.svelte-add20r{display:flex;flex-direction:column}.track-item.svelte-add20r{display:flex;align-items:center;gap:.625rem;border:0;background:transparent;transition:background .15s ease;padding:0;text-align:left;font-family:inherit;border-radius:0}.track-item.svelte-add20r:first-child{border-top:1px solid rgba(255,255,255,.1);padding-top:.125rem}.track-item.svelte-add20r:last-child{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.125rem}.track-item.svelte-add20r:last-child .track-info:where(.svelte-add20r){border-bottom:none}.track-item.clickable.svelte-add20r{cursor:pointer}@media (hover: hover){.track-item.clickable.svelte-add20r:hover:not(:disabled){background:#ffffff0d}}.track-item.clickable.svelte-add20r:active:not(:disabled){background:#ffffff14}.track-item.svelte-add20r:disabled{cursor:default}.track-item.svelte-add20r .artwork-wrapper:where(.svelte-add20r){width:3rem;height:3rem;flex-shrink:0;position:relative}.track-item.svelte-add20r .artwork-wrapper:where(.svelte-add20r) .artwork:where(.svelte-add20r),.track-item.svelte-add20r .artwork-wrapper:where(.svelte-add20r) .artwork-placeholder:where(.svelte-add20r),.track-item.svelte-add20r .artwork-wrapper:where(.svelte-add20r) .loading-overlay:where(.svelte-add20r){border-radius:.375rem}.track-item.svelte-add20r .artwork-wrapper:where(.svelte-add20r) .artwork:where(.svelte-add20r){width:100%;height:100%;object-fit:cover}.track-item.svelte-add20r .artwork-wrapper:where(.svelte-add20r) .artwork-placeholder:where(.svelte-add20r){width:100%;height:100%;background:#ffffff1a}.track-item.svelte-add20r .artwork-wrapper:where(.svelte-add20r) .loading-overlay:where(.svelte-add20r){position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center}.track-item.svelte-add20r .artwork-wrapper:where(.svelte-add20r) .loading-overlay:where(.svelte-add20r) i:where(.svelte-add20r){color:#fff;font-size:1rem;animation:svelte-add20r-gentle-spin 1s linear infinite}.track-item.svelte-add20r .track-info:where(.svelte-add20r){flex:1;min-width:0;border-bottom:1px solid rgba(255,255,255,.1);padding:.75rem 0}.track-item.svelte-add20r .track-info:where(.svelte-add20r) .title:where(.svelte-add20r),.track-item.svelte-add20r .track-info:where(.svelte-add20r) .artist:where(.svelte-add20r){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-item.svelte-add20r .track-info:where(.svelte-add20r) .title:where(.svelte-add20r){font-size:.9375rem;font-weight:500;color:#fff;line-height:1.3;margin-top:.125rem}.track-item.svelte-add20r .track-info:where(.svelte-add20r) .artist:where(.svelte-add20r){font-size:.8125rem;color:#fff9;line-height:1.3}@keyframes svelte-add20r-gentle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}