@layer components{.customer-collection-page{max-width:1500px;margin:0 auto}.collection-heading{border:1px solid color-mix(in srgb, var(--universe-border) 75%, transparent);border-radius:var(--universe-radius);background:linear-gradient(135deg, color-mix(in srgb, var(--universe-primary) 28%, transparent), color-mix(in srgb, var(--universe-panel) 86%, transparent));justify-content:space-between;align-items:flex-end;gap:1.5rem;padding:clamp(1.5rem,4vw,2.8rem);display:flex}.collection-heading>div>span{color:var(--universe-accent);letter-spacing:.22em;text-transform:uppercase;font-size:.7rem;font-weight:950}.collection-heading h2{color:var(--universe-secondary);letter-spacing:-.055em;-webkit-text-fill-color:currentColor;text-shadow:0 0 26px color-mix(in srgb,var(--universe-secondary) 38%,transparent);background:0 0;margin-top:.45rem;font-size:clamp(2.4rem,5vw,4.6rem);font-weight:950;line-height:1}.collection-heading p{color:var(--universe-muted);margin-top:.9rem}.collection-total{border:1px solid color-mix(in srgb,var(--universe-text) 16%,transparent);text-align:center;background:color-mix(in srgb,var(--universe-panel-soft) 70%,transparent);border-radius:1.2rem;min-width:110px;padding:1rem}.collection-total strong,.collection-total small{display:block}.collection-total strong{color:var(--universe-accent);font-size:2.4rem;line-height:1}.collection-total small{color:var(--universe-muted);margin-top:.35rem}.collection-library{grid-template-columns:repeat(auto-fit,minmax(min(100%,480px),1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.collection-album-card{border:1px solid color-mix(in srgb, var(--universe-border) 72%, transparent);border-radius:var(--universe-radius);color:var(--universe-text);background:color-mix(in srgb, var(--universe-panel) 94%, transparent);grid-template-columns:minmax(180px,.75fr) minmax(230px,1.25fr);display:grid;overflow:hidden;box-shadow:0 24px 65px #0000004d}.collection-album-cover{background:radial-gradient(circle at 70% 18%, color-mix(in srgb,var(--universe-accent) 56%,transparent), transparent 28%), linear-gradient(145deg, var(--universe-secondary), var(--universe-panel-soft) 68%, var(--universe-background));flex-direction:column;justify-content:flex-end;min-height:390px;padding:1.4rem;display:flex;position:relative;overflow:hidden}.collection-album-cover:before{content:"";background:repeating-linear-gradient(64deg,#0000 0 31px,#ffffff09 32px 33px);position:absolute;inset:0}.collection-album-card[data-album-theme=bts-arirang-limited-edition] .collection-album-cover{background:#f20a25}.collection-album-card[data-album-theme=bts-arirang-limited-edition] .collection-album-cover:before{background:repeating-linear-gradient(64deg,#0000 0 48px,#05050529 49px 50px,#0000 51px 98px)}.collection-album-edition{z-index:1;letter-spacing:.17em;font-size:.58rem;font-weight:900;position:absolute;top:1rem;left:1rem}.collection-album-symbol{z-index:1;color:var(--universe-accent);text-shadow:0 0 25px var(--universe-primary);margin-bottom:auto;font-size:3rem;font-weight:950;position:relative}.collection-album-logo{z-index:1;object-fit:contain;object-position:center;filter:drop-shadow(7px 7px #050505eb);background:#fff;width:min(100%,280px);max-height:165px;margin:auto;padding:.7rem;position:relative;transform:translateY(.7rem)}.collection-album-universe,.collection-album-cover h3,.collection-album-limited{z-index:1;position:relative}.collection-album-universe,.collection-album-limited{color:var(--universe-accent);letter-spacing:.18em;text-transform:uppercase;font-size:.58rem;font-weight:900}.collection-album-cover h3{margin:.45rem 0;font-size:1.55rem;font-weight:950;line-height:1.05}.collection-album-info{flex-direction:column;padding:1.6rem;display:flex}.collection-album-status{border:1px solid color-mix(in srgb, var(--universe-accent) 32%, transparent);color:var(--universe-accent);text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:.4rem .65rem;font-size:.6rem;font-weight:900}.collection-album-info h3{margin-top:1.2rem;font-size:1.35rem;font-weight:950}.collection-album-info p{color:var(--universe-muted);margin-top:.45rem;font-size:.82rem}.collection-card-progress{border:1px solid color-mix(in srgb,var(--universe-text) 34%,transparent);background:color-mix(in srgb,var(--universe-text) 16%,transparent);border-radius:999px;height:1.2rem;margin-top:1.3rem;position:relative;overflow:hidden}.collection-card-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--universe-primary), var(--universe-accent));height:100%;display:block}.collection-card-progress:after{content:attr(data-progress);color:var(--universe-text);place-items:center;font-size:.6rem;font-weight:950;line-height:1;display:grid;position:absolute;inset:0}.collection-album-meta{color:var(--universe-muted);justify-content:space-between;gap:1rem;margin-top:.7rem;font-size:.7rem;display:flex}.collection-album-meta strong{color:var(--universe-text)}.collection-open{color:var(--universe-text);background:linear-gradient(135deg, var(--universe-primary), var(--universe-secondary));border-radius:1rem;justify-content:space-between;align-items:center;margin-top:auto;padding:.9rem 1rem;font-weight:900;transition:transform .18s,filter .18s;display:flex}.collection-open:hover{filter:brightness(1.1);transform:translateY(-2px)}.collection-open.is-disabled{opacity:.45;background:#ffffff14}.album-back-link{color:var(--universe-muted);gap:.5rem;margin-bottom:1rem;font-size:.82rem;font-weight:850;transition:color .18s;display:inline-flex}.album-back-link:hover{color:var(--universe-accent)}.album-toolbar{border:1px solid color-mix(in srgb, var(--universe-border) 65%, transparent);background:color-mix(in srgb,var(--universe-panel) 88%,transparent);border-radius:1.3rem;justify-content:space-between;align-items:flex-end;gap:1rem;margin:1.25rem 0 .65rem;padding:1rem;display:flex}.album-filter-group{flex-wrap:wrap;gap:.5rem;display:flex}.album-filter-group button{color:var(--universe-muted);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;padding:.55rem .75rem;font-size:.68rem;font-weight:850;transition:all .16s}.album-filter-group button:hover,.album-filter-group button.is-active{color:var(--universe-text);border-color:var(--universe-accent);background:color-mix(in srgb, var(--universe-primary) 52%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--universe-primary) 28%, transparent)}.album-sort{gap:.35rem;min-width:220px;display:grid}.album-sort span{color:var(--universe-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.6rem;font-weight:900}.album-sort select{border:1px solid var(--universe-border);width:100%;color:var(--universe-text);background:var(--universe-panel);border-radius:.8rem;padding:.7rem .85rem;font-size:.75rem;font-weight:800}.album-results-summary{color:var(--universe-muted);margin-bottom:.75rem;font-size:.72rem}.album-results-summary strong{color:var(--universe-text)}.album-slot[hidden]{display:none}.album-no-results{color:var(--universe-muted);text-align:center;padding:4rem 1rem}@media (width<=800px){.collection-heading,.album-toolbar{flex-direction:column;align-items:stretch}.collection-album-card{grid-template-columns:1fr}.collection-album-cover{min-height:330px}.collection-album-info{min-height:300px}.album-sort{width:100%;min-width:0}}}