.album-page-container.svelte-jxrv57{flex-direction:column;margin-top:2rem;margin-bottom:4rem;display:flex}@media (width>=1024px){.album-page-container.svelte-jxrv57{flex-direction:row;align-items:flex-start;gap:4rem}}.album-page-header.svelte-jxrv57{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:2.5rem;display:flex;position:relative}@media (width>=1024px){.album-page-header.svelte-jxrv57{width:300px;top:calc(2rem + var(--header-offset,0px));flex-direction:column;flex-shrink:0;gap:1.5rem;margin-bottom:0;transition:top .4s cubic-bezier(.23,1,.32,1);position:sticky}}.cover-image.svelte-jxrv57{aspect-ratio:1;border:1px solid #ffffff1a;border-radius:4px;flex-shrink:0;width:100%;max-width:240px;overflow:hidden}@media (width>=768px){.cover-image.svelte-jxrv57{max-width:280px}}@media (width>=1024px){.cover-image.svelte-jxrv57{max-width:300px}}.cover-image.svelte-jxrv57 img:where(.svelte-jxrv57){object-fit:cover;width:100%;height:100%;display:block}.header-info.svelte-jxrv57{text-align:center;flex-direction:column;flex:1;align-items:center;gap:1rem;display:flex}.page-title.svelte-jxrv57{color:var(--color-on-surface);letter-spacing:.02em;text-shadow:0 2px 10px #0000004d;margin:0;font-family:Outfit,sans-serif;font-size:2rem;font-weight:900;line-height:1.1}@media (width>=768px){.page-title.svelte-jxrv57{font-size:2.8rem}}@media (width>=1024px){.page-title.svelte-jxrv57{font-size:2.2rem}}.description.svelte-jxrv57{color:var(--color-on-surface-variant);opacity:.8;margin:0;font-size:.95rem;line-height:1.6}@media (width>=768px){.description.svelte-jxrv57{font-size:1.1rem}}.section-header.svelte-jxrv57{align-items:center;gap:1rem;margin-bottom:2rem;font-family:monospace;display:flex}.status-pulse.svelte-jxrv57{background:var(--color-primary);width:8px;height:8px;box-shadow:0 0 10px var(--color-primary);animation:2s infinite svelte-jxrv57-pulse}.header-text.svelte-jxrv57{color:var(--color-on-surface);letter-spacing:.1em;white-space:nowrap;margin:0;font-size:1.25rem;font-weight:800}.header-line.svelte-jxrv57{background:linear-gradient(90deg, rgba(var(--color-primary-rgb), .3) 0%, transparent 100%);flex:1;height:1px}.tracks-section.svelte-jxrv57{flex-direction:column;flex:1;min-width:0;display:flex}.track-list.svelte-jxrv57{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.track-item.svelte-jxrv57{background:rgba(var(--color-surface-container-low-rgb,20, 25, 30), .6);-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff14;border-left:2px solid rgba(var(--color-primary-rgb), .15);padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.track-row.svelte-jxrv57{align-items:center;width:100%;display:flex}.track-item-btn.svelte-jxrv57{cursor:pointer;text-align:left;color:inherit;font:inherit;background:0 0;border:none;flex:1;align-items:center;gap:1rem;min-width:0;padding:.75rem 1rem;display:flex}.track-add-btn.svelte-jxrv57{color:var(--color-on-surface);opacity:0;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.75rem;font-size:1.25rem;transition:all .2s;display:flex;transform:translate(10px)}.track-item.svelte-jxrv57:hover .track-add-btn:where(.svelte-jxrv57){opacity:.4;transform:translate(0)}.track-add-btn.svelte-jxrv57:hover{color:var(--color-primary);opacity:1!important}@media (width<=768px){.track-add-btn.svelte-jxrv57{opacity:.6;transform:translate(0)}}@media (width>=768px){.track-item-btn.svelte-jxrv57{gap:1.5rem;padding:1rem 1.5rem}}.track-item.svelte-jxrv57:hover{background:rgba(var(--color-surface-container-rgb,30, 35, 45), .6);border-left-color:rgba(var(--color-primary-rgb), .5);transform:translate(4px)}.track-item.active.svelte-jxrv57{background:linear-gradient(90deg, rgba(var(--color-primary-rgb), .2) 0%, rgba(var(--color-primary-rgb), .05) 100%);border-left-color:var(--color-primary);-webkit-backdrop-filter:blur(16px);border-left-width:4px}.track-item.playing.svelte-jxrv57{background:linear-gradient(90deg, rgba(var(--color-primary-rgb), .3) 0%, rgba(var(--color-primary-rgb), .1) 100%)}.track-index-wrapper.svelte-jxrv57{flex-shrink:0;justify-content:center;align-items:center;width:2rem;display:flex;position:relative}.track-index.svelte-jxrv57{color:var(--color-primary);opacity:.5;font-family:monospace;font-size:1.1rem;font-weight:700;transition:all .2s}.track-item.active.svelte-jxrv57 .track-index:where(.svelte-jxrv57){opacity:1}.hover-icon.svelte-jxrv57{opacity:0;color:var(--color-primary);justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;transform:scale(.8)}.hover-icon.svelte-jxrv57 svg{font-size:1.5rem}.track-item.svelte-jxrv57:hover .track-index:where(.svelte-jxrv57),.track-item.svelte-jxrv57:hover .playing-bars:where(.svelte-jxrv57){opacity:0;transform:scale(.5)}.track-item.svelte-jxrv57:hover .hover-icon:where(.svelte-jxrv57){opacity:1;transform:scale(1)}.playing-bars.svelte-jxrv57{align-items:flex-end;gap:2px;height:14px;display:flex}.playing-bars.svelte-jxrv57 span:where(.svelte-jxrv57){background:var(--color-primary);border-radius:1px;width:3px;animation:1s ease-in-out infinite svelte-jxrv57-equalize}.playing-bars.svelte-jxrv57 span:where(.svelte-jxrv57):first-child{height:60%;animation-delay:-.4s}.playing-bars.svelte-jxrv57 span:where(.svelte-jxrv57):nth-child(2){height:100%;animation-delay:-.2s}.playing-bars.svelte-jxrv57 span:where(.svelte-jxrv57):nth-child(3){height:80%;animation-delay:-.6s}@keyframes svelte-jxrv57-equalize{0%,to{height:40%}50%{height:100%}}.track-info.svelte-jxrv57{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.track-name.svelte-jxrv57{color:var(--color-on-surface);white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:600;transition:color .2s;overflow:hidden}.track-item.active.svelte-jxrv57 .track-name:where(.svelte-jxrv57){color:var(--color-primary)}.track-artist.svelte-jxrv57{color:var(--color-on-surface-variant);opacity:.7;letter-spacing:.05em;text-transform:uppercase;font-family:monospace;font-size:.8rem}.reveal.svelte-jxrv57{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards svelte-jxrv57-revealIn;animation-delay:var(--d,0s)}@keyframes svelte-jxrv57-revealIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-jxrv57-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}
