.coverflow-wrapper.svelte-1wfn09w{flex:1;display:flex;flex-direction:column;overflow:visible;min-height:0;position:relative;--cover-size: clamp(300px, 40vmin, 500px)}@keyframes svelte-1wfn09w-rotate-cover{0%{transform:translate(-100%) rotateY(-25deg)}35%{transform:translate(0) rotateY(-25deg)}50%{transform:rotateY(0) translateZ(1em) scale(1.5)}65%{transform:translate(0) rotateY(25deg)}to{transform:translate(100%) rotateY(25deg)}}@keyframes svelte-1wfn09w-adjust-z-index{0%{z-index:1}50%{z-index:100}to{z-index:1}}.cards.svelte-1wfn09w{flex:1;transform-style:preserve-3d;list-style:none;white-space:nowrap;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2rem calc(50vw - calc(var(--sidebar-current-width, 260px) / 2)) 4rem;margin:0;display:flex;align-items:center;gap:.5rem;transition:padding .2s ease}.cards.svelte-1wfn09w::-webkit-scrollbar{display:none}@media (max-width: 768px){.cards.svelte-1wfn09w{padding:2rem 50vw 4rem}}.cards.svelte-1wfn09w li:where(.svelte-1wfn09w){transform-style:preserve-3d;display:inline-block;width:var(--cover-size);aspect-ratio:1;scroll-snap-align:center;flex-shrink:0;cursor:pointer;view-timeline-name:--li-in-and-out-of-view;view-timeline-axis:inline;animation:svelte-1wfn09w-adjust-z-index linear both;animation-timeline:--li-in-and-out-of-view;perspective:40em}.cards.svelte-1wfn09w li:where(.svelte-1wfn09w) img:where(.svelte-1wfn09w){width:100%;height:auto;border-radius:8px;box-shadow:0 8px 32px #000c;animation:svelte-1wfn09w-rotate-cover linear both;animation-timeline:--li-in-and-out-of-view;transform:translate(-100%) rotateY(-45deg);transform-style:preserve-3d;will-change:transform;-webkit-user-select:none;user-select:none}.nav-controls.svelte-1wfn09w{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;gap:1rem;z-index:50}.nav-btn.svelte-1wfn09w{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.nav-btn.svelte-1wfn09w:hover{background:#4ecdc433;border-color:#4ecdc4;transform:scale(1.05)}.nav-btn.active.svelte-1wfn09w{background:#4ecdc44d;border-color:#4ecdc4}[data-theme=light] .nav-btn.svelte-1wfn09w{background:#00000014;border-color:#00000026;color:var(--text-primary)}[data-theme=light] .nav-btn.svelte-1wfn09w:hover{background:#4ecdc433;border-color:#4ecdc4}[data-theme=light] .nav-btn.active.svelte-1wfn09w{background:#4ecdc440;border-color:#4ecdc4}@supports not (animation-timeline: scroll()){.cards.svelte-1wfn09w li:where(.svelte-1wfn09w){view-timeline-name:none;view-timeline-axis:initial;animation:none}.cards.svelte-1wfn09w li:where(.svelte-1wfn09w) img:where(.svelte-1wfn09w){animation:none;transform:none;transition:transform .3s ease,box-shadow .3s ease}.cards.svelte-1wfn09w li:where(.svelte-1wfn09w) img:where(.svelte-1wfn09w):hover{transform:scale(1.05);box-shadow:0 12px 40px #000000e6}.coverflow-wrapper.svelte-1wfn09w{--cover-size: clamp(200px, 30vmin, 350px)}}.coverflow-page.svelte-1y48prc{width:calc(100vw - var(--sidebar-current-width, 260px));max-width:calc(100vw - var(--sidebar-current-width, 260px));height:100vh;background:var(--bg-primary);overflow:hidden;display:flex;flex-direction:column;transition:width .2s ease,max-width .2s ease}@media (max-width: 768px){.coverflow-page.svelte-1y48prc{width:100vw;max-width:100vw;height:calc(100vh - 56px)}}.toolbar.svelte-1y48prc{flex-shrink:0;z-index:10;padding:0 2rem;margin-top:1rem}.toolbar-row.svelte-1y48prc{display:flex;gap:.75rem;margin-bottom:1rem;align-items:center;width:100%;max-width:1800px;margin-left:auto;margin-right:auto}.controls-right.svelte-1y48prc{display:flex;gap:.75rem;align-items:center;flex-shrink:0;margin-left:auto}.filter-bar-container.svelte-1y48prc{margin-top:1rem}.control-btn.svelte-1y48prc{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.25rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:24px;color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;flex:0 0 auto}.control-btn.svelte-1y48prc:hover{border-color:var(--border-color-strong);background:var(--bg-secondary);transform:scale(1.02)}.control-btn.active.svelte-1y48prc{border-color:#4ecdc4;background:#4ecdc41a;color:#4ecdc4}.count-badge.svelte-1y48prc{background:#4ecdc4;color:#fff;padding:.125rem .5rem;border-radius:10px;font-size:.75rem;font-weight:700}.metadata-bar.svelte-1y48prc{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(78,205,196,.15);border-top:1px solid rgba(78,205,196,.08);padding:1rem 2rem;margin-bottom:2rem;flex-shrink:0;z-index:9;transition:background .6s cubic-bezier(.4,0,.2,1)}.metadata-container.svelte-1y48prc{position:relative;min-height:56px;max-width:1800px;margin:0 auto;display:flex;align-items:center;justify-content:center}.metadata-grid.svelte-1y48prc{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap;will-change:opacity;backface-visibility:hidden;-webkit-font-smoothing:antialiased}@keyframes svelte-1y48prc-fadeContent{0%{opacity:1}50%{opacity:0}to{opacity:1}}.album-info.svelte-1y48prc{display:flex;align-items:center;gap:.875rem;flex-shrink:0;padding-right:1.5rem;margin-right:1.5rem;border-right:1px solid var(--border-color)}.info-icon.svelte-1y48prc{flex-shrink:0;color:#4ecdc4;opacity:.8}.album-text.svelte-1y48prc{display:flex;flex-direction:column;gap:.125rem}.album-title.svelte-1y48prc{font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.3;white-space:nowrap}.album-artist.svelte-1y48prc{font-size:.875rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.metadata-details.svelte-1y48prc{display:contents}.detail-chip.svelte-1y48prc{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;font-size:.85rem;font-weight:500;color:var(--text-primary);white-space:nowrap}.detail-chip.date-added.svelte-1y48prc{background:var(--bg-secondary);border-color:var(--border-color-strong)}.detail-chip.svelte-1y48prc svg:where(.svelte-1y48prc){flex-shrink:0;opacity:.7}.detail-chip.genre.svelte-1y48prc{border-color:#4ecdc44d;background:#4ecdc414}.detail-chip.genre.svelte-1y48prc svg:where(.svelte-1y48prc){color:#4ecdc4}.detail-chip.label.svelte-1y48prc{border-color:#ffc1074d;background:#ffc10714}.detail-chip.label.svelte-1y48prc svg:where(.svelte-1y48prc){color:#ffc107}.detail-chip.format.svelte-1y48prc{border-color:#fb923c4d;background:#fb923c14}.detail-chip.format.svelte-1y48prc svg:where(.svelte-1y48prc){color:#fb923c}.loading.svelte-1y48prc,.error-message.svelte-1y48prc{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1.5rem;text-align:center;padding:2rem}.spinner.svelte-1y48prc{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#fff;border-radius:50%;animation:svelte-1y48prc-spin 1s linear infinite}@keyframes svelte-1y48prc-spin{to{transform:rotate(360deg)}}.loading.svelte-1y48prc p:where(.svelte-1y48prc),.error-message.svelte-1y48prc p:where(.svelte-1y48prc){font-size:1.1rem;color:#ffffffb3;margin:0}.error-message.svelte-1y48prc h3:where(.svelte-1y48prc){font-size:1.75rem;color:#fff;margin:0}.mobile-summary.svelte-1y48prc{display:flex;flex-direction:column;align-items:center;gap:1rem}.mobile-summary.svelte-1y48prc p:where(.svelte-1y48prc){margin:0;color:var(--text-secondary)}.btn.svelte-1y48prc{padding:.875rem 1.75rem;background:#4ecdc4;border:1px solid #4ecdc4;color:#fff;border-radius:24px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s;text-decoration:none;display:inline-block;margin-top:1rem}.btn.svelte-1y48prc:hover{background:#45b8b0;border-color:#45b8b0;transform:translateY(-2px)}[data-theme=light] .detail-chip.svelte-1y48prc{background:#ffffffd9;border-color:#00000026;color:var(--text-primary);box-shadow:0 1px 3px #0000001a}[data-theme=light] .detail-chip.date-added.svelte-1y48prc{background:#fffffff2;border-color:#0003}[data-theme=light] .detail-chip.genre.svelte-1y48prc{background:#ffffffd9;border-color:#4ecdc480}[data-theme=light] .detail-chip.genre.svelte-1y48prc svg:where(.svelte-1y48prc){color:#1a7a74}[data-theme=light] .detail-chip.label.svelte-1y48prc{background:#ffffffd9;border-color:#ffc10780}[data-theme=light] .detail-chip.label.svelte-1y48prc svg:where(.svelte-1y48prc){color:#9a6b1f}[data-theme=light] .detail-chip.format.svelte-1y48prc{background:#ffffffd9;border-color:#fb923c80}[data-theme=light] .detail-chip.format.svelte-1y48prc svg:where(.svelte-1y48prc){color:#c2410c}[data-theme=light] .album-info.svelte-1y48prc{border-color:#00000026}
