.album-goal{color:#f4f0e4;background:#213d37;justify-content:space-between;align-items:center;gap:24px;padding:25px 30px;display:flex}.album-goal p{font-family:var(--font-serif);margin:10px 0;font-size:26px}.album-goal strong{font-size:46px;font-weight:400}.album-goal>span{color:#c8d4c8;font-size:14px;line-height:1.8}.album-goal progress{accent-color:#d8b673;width:min(360px,65vw);height:5px;display:block}.album-toolbar{flex-wrap:wrap}.album-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:34px 24px;padding:20px 0 50px;display:grid}.album-card{content-visibility:auto;contain-intrinsic-size:auto 425px;min-width:0}.record-sleeve{aspect-ratio:1;background:var(--sleeve);position:relative;overflow:hidden;box-shadow:3px 5px 8px #14241b20}.record-number,.record-year{color:#fff9;letter-spacing:2px;z-index:1;font-size:12px;position:absolute}.record-number{top:15px;left:16px}.record-year{bottom:15px;right:15px}.vinyl{background:repeating-radial-gradient(circle,#18201d 0 2px,#2d3631 3px,#18201d 4px);border-radius:50%;place-items:center;width:74%;height:74%;display:grid;position:absolute;top:13%;left:13%;box-shadow:2px 4px 5px #0004}.vinyl>span{width:31%;height:31%;box-shadow:inset 0 0 0 12px var(--sleeve);background:#e7d7ad;border-radius:50%;display:block}.vinyl>span:after{content:"";background:#202921;border-radius:50%;width:6px;height:6px;display:block;position:absolute;top:calc(50% - 3px);left:calc(50% - 3px)}.album-caption{padding:16px 0 0}.album-caption>progress-control:not([hidden]){margin:0 0 10px}.album-status{color:var(--muted);font-size:12px}.album-status.is-listened{color:#276047;font-weight:600}.album-caption h3{font-family:var(--font-serif);margin:8px 0;font-size:23px;font-weight:400;line-height:1.2}.album-artist{font-size:15px;line-height:1.5}.album-meta{color:var(--muted);margin:5px 0 12px;font-size:12px;line-height:1.6}.album-caption summary{cursor:pointer;color:#365545;font-size:14px}.album-links{flex-direction:column;gap:10px;padding:15px 0;font-size:13px;line-height:1.5;display:flex}.album-links a{text-underline-offset:3px;text-decoration:underline}.album-links span{color:var(--muted)}.album-grid[data-layout=list]{display:block}.album-grid[data-layout=list] .album-card{border-bottom:1px solid var(--line);contain-intrinsic-size:auto 160px;grid-template-columns:80px 1fr;gap:22px;padding:20px 0;display:grid}.album-grid[data-layout=list] .record-number,.album-grid[data-layout=list] .record-year{display:none}.album-grid[data-layout=list] .album-caption{padding:0}.album-method{border-top:1px solid var(--line);max-width:850px;padding:25px 0;font-size:15px;line-height:1.8}.album-method summary{cursor:pointer;font-size:18px}.album-method p{margin-top:16px}.album-method a{text-decoration:underline}@media (width<=600px){.album-goal{flex-direction:column;align-items:flex-start;padding:22px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.album-caption h3{font-size:20px}}.album-cover{z-index:2;width:100%;height:auto;display:block;position:relative}.cd-spine{display:none}.album-grid[data-layout=cd]{flex-wrap:wrap;align-items:flex-end;gap:32px 3px;display:flex}.album-grid[data-layout=cd] .album-card{content-visibility:visible;contain-intrinsic-size:none;border-bottom:8px solid #ccd0c5;flex:0 0 34px;width:34px;height:300px;padding:0 0 10px;box-shadow:0 3px #9ea697}.album-grid[data-layout=cd] .record-sleeve,.album-grid[data-layout=cd] .album-caption{display:none}.album-grid[data-layout=cd] .cd-spine{writing-mode:vertical-rl;background:var(--sleeve);color:#fff;text-align:left;border:2px solid #c2cac6;border-radius:2px;flex-direction:row;align-items:center;gap:4px;width:100%;height:280px;padding:12px 5px 30px;transition:transform .18s;display:flex;position:relative;box-shadow:inset 3px 0 3px #ffffff65,inset -2px 0 3px #0006}.cd-title{white-space:nowrap;text-overflow:ellipsis;max-height:218px;font-size:14px;font-weight:600;line-height:1.15;overflow:hidden}.cd-artist{display:none}.cd-year{writing-mode:horizontal-tb;text-align:center;color:#fff9;font-size:10px;position:absolute;bottom:5px;left:0;right:0}.cd-spine:hover,.cd-spine:focus-visible{z-index:1;transform:translateY(-9px)}.cd-spine:focus-visible{outline-offset:3px;outline:3px solid #a78036}#album-detail{background:var(--color-paper);width:min(650px,100vw - 32px);max-height:85dvh;color:var(--color-ink);border:0;margin:auto;padding:32px;overflow:auto;box-shadow:0 25px 100px #0005}#album-detail::backdrop{backdrop-filter:blur(4px);background:#13221bcc}#album-detail-heading{color:var(--muted);margin-bottom:20px;font-size:15px}#album-detail-close{cursor:pointer;background:0 0;border:0;font-size:28px;position:absolute;top:10px;right:12px}#album-detail-content{grid-template-columns:200px 1fr;gap:24px;display:grid}#album-detail-content .album-caption{padding:0}#album-detail-content .record-sleeve{align-self:start}@media (width<=550px){#album-detail-content{grid-template-columns:1fr}#album-detail-content .record-sleeve{width:200px;margin:auto}}@media (prefers-reduced-motion:reduce){.album-grid[data-layout=cd] .cd-spine{transition:none;transform:none}}.album-grid.is-windowed{display:block!important}.album-window{grid-template-columns:repeat(var(--window-columns),minmax(0,1fr));box-sizing:border-box;overflow-anchor:none;gap:34px 24px;padding-bottom:34px;display:grid}.album-grid[data-layout=cd] .album-window{flex-wrap:wrap;align-content:flex-start;gap:32px 3px;padding-bottom:32px;display:flex}.album-grid[data-layout=list] .album-window{padding-bottom:0;display:block}.album-render-option{color:var(--muted);align-items:center;gap:10px;margin-bottom:24px;font-size:14px;display:flex}.album-window:empty{display:block}.album-grid[data-layout=records] .album-caption :is(h3,.album-artist,.album-meta){-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;height:2lh;display:-webkit-box;overflow:hidden}.record-sleeve:has(.album-cover:not([hidden])){aspect-ratio:auto}.album-grid[data-layout=records] .album-card{flex-direction:column;display:flex}.album-grid[data-layout=records] .record-sleeve{margin-top:auto}.cd-year{color:#fff;font-size:12px}