:root{--at-hit: 48px;--at-font-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Segoe UI Symbol", "Apple Symbols", "Noto Sans Symbols 2", "Noto Sans Symbols", "DejaVu Sans", sans-serif;--at-chip-row-gap: max(var(--at-chip-gap), calc(var(--at-hit) - var(--at-chip-h)));--at-tag-line-gap: max(var(--at-tag-gap), calc(var(--at-hit) - var(--at-tag-h)));--at-tagrow-gap: max(var(--at-tagrow-space), calc(var(--at-hit) - var(--at-tag-h) + 2px));--ds-page: var(--at-bg);--file-line: var(--at-line);--file-fill-2: var(--at-surface-2);--file-accent: var(--at-accent);color-scheme:dark}html,body,#root{margin:0;min-height:100%}body{position:relative;background:var(--at-bg);color:var(--at-ink);font-family:var(--at-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;-webkit-text-size-adjust:100%}button,input,select,textarea{font-family:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}::selection{background:var(--at-selection-bg, Highlight);color:var(--at-selection-ink, HighlightText)}body,#root,#root>*{--ds-page: var(--at-bg)}#root>*,#root{background:var(--at-bg)!important;color:var(--at-ink)}.file-card{gap:var(--at-section-gap)}.file-nav{display:flex;flex-wrap:wrap;gap:20px;border-bottom:1px solid var(--at-line)}.file-nav a{padding:10px 0;color:var(--at-ink-2);text-decoration:none}.file-nav a[aria-current=page]{color:var(--at-ink);box-shadow:inset 0 -1px 0 var(--at-ink)}@media (max-width: 600px){.file-nav a{display:inline-flex;align-items:center;min-height:var(--at-hit)}}h1,h2,h3,h4,p,li,summary,figcaption,td,th,span,div{border-color:var(--at-line)}p,li,figcaption,summary{color:var(--at-ink-2)}h1,h2,h3,h4,strong{color:var(--at-ink)}a{color:var(--at-accent)}.file-card a,.sheet a{color:var(--at-link)}.file-card a:hover,.sheet a:hover{color:var(--at-link-hover)}dialog.app-root{position:fixed!important;inset:auto!important;top:var(--app-modal-top, 0px)!important;left:0!important;width:100%!important;max-width:none!important;height:min(var(--app-modal-height, 100dvh),calc(100dvh - var(--app-modal-top, 0px)))!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;background:var(--at-bg, #131316)!important;color:var(--at-ink);font-family:var(--at-font);display:flex!important;flex-direction:column!important;overflow:hidden!important}dialog.app-root::backdrop{background:transparent}.app-root{--at-safe-top: max(0px, calc(env(safe-area-inset-top, 0px) - var(--app-modal-top, 0px)));--at-safe-bottom: max(0px, calc(env(safe-area-inset-bottom, 0px) - (100dvh - var(--app-modal-top, 0px) - min(var(--app-modal-height, 100dvh), calc(100dvh - var(--app-modal-top, 0px))))));--at-safe-left: env(safe-area-inset-left, 0px);--at-safe-right: env(safe-area-inset-right, 0px)}.app-scroll{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;margin-top:var(--at-safe-top);padding:var(--at-page-pad-top) max(var(--at-page-pad-x),var(--at-safe-right)) var(--at-page-pad-bottom) max(var(--at-page-pad-x),var(--at-safe-left))}.app-header{display:block}.app-title-row{display:flex;align-items:center;gap:12px;min-width:0}.app-header h1{margin:var(--at-app-title-margin);font-family:var(--at-font-display);font-size:var(--at-app-title-size);font-weight:var(--at-app-title-weight);line-height:var(--at-app-title-leading);letter-spacing:var(--at-app-title-tracking);color:var(--at-app-title-ink)}.app-header h1:after{content:"."}.sync-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px;margin:var(--at-sync-margin);text-align:left}.sync-text,.sync-status{font-size:var(--at-sync-size);color:var(--at-sync-ink)}.sync-refresh{background:none;border:none;color:var(--at-sync-ink);cursor:pointer;padding:4px;border-radius:8px;display:inline-flex;align-items:center}.sync-refresh:disabled{opacity:.5;cursor:default}@media (hover: hover){.sync-refresh:hover:not(:disabled){color:var(--at-ink)}}.file-group{display:flex;flex-direction:column;gap:var(--at-section-gap)!important}.section-title{margin:0;font-family:var(--at-font-display);font-size:var(--at-section-title-size);font-weight:var(--at-section-title-weight);line-height:var(--at-section-title-leading);letter-spacing:var(--at-section-title-tracking);color:var(--at-section-title-ink)}.section-count{font-size:var(--at-section-count-size);font-weight:var(--at-section-count-weight);color:var(--at-section-count-ink);font-variant-numeric:tabular-nums}.section-count:before{content:var(--at-count-before)}.section-count:after{content:var(--at-count-after)}.empty-state{margin:0;font-size:var(--at-empty-size);line-height:1.5;color:var(--at-empty-ink)}.cover-grid{display:grid;grid-template-columns:repeat(var(--at-grid-cols),minmax(0,1fr));gap:var(--at-grid-gap)}.library-grid{grid-template-columns:repeat(var(--at-lib-cols),minmax(0,1fr));gap:var(--at-lib-gap)}@media (min-width: 481px){.cover-grid{grid-template-columns:repeat(auto-fill,minmax(var(--at-grid-min-wide),1fr));gap:var(--at-grid-gap-wide)}.library-grid{grid-template-columns:repeat(var(--at-lib-cols),minmax(0,1fr));gap:var(--at-lib-gap-wide)}}.tile,.shelf-item,.sheet,.now-playing{--cover-rgb: var(--at-cover-fallback-rgb);--cover-deep-rgb: var(--at-cover-fallback-deep-rgb);--cover-light-rgb: var(--at-cover-fallback-light-rgb);--cover-accent-rgb: var(--at-cover-fallback-light-rgb)}button.tile{display:flex;flex-direction:column;gap:var(--at-tile-gap);min-width:0;background:none;border:none;padding:0;margin:0;cursor:pointer;text-align:left;font:inherit;color:inherit;border-radius:var(--at-tile-radius)}.tile-cover{width:100%;aspect-ratio:1;display:block;object-fit:cover;border-radius:var(--at-tile-radius);background:var(--at-placeholder-bg);box-shadow:var(--at-tile-shadow);transition:transform var(--at-tile-hover-duration) ease}@media (hover: hover){button.tile:hover .tile-cover{transform:scale(var(--at-tile-hover-scale))}}.tile-name{margin-top:var(--at-tile-name-gap);overflow-wrap:anywhere;font-family:var(--at-tile-name-font);font-size:var(--at-tile-name-size);font-weight:var(--at-tile-name-weight);line-height:var(--at-tile-leading);letter-spacing:var(--at-tile-name-tracking);color:var(--at-tile-name-ink)}.tile-sub{overflow-wrap:anywhere;font-size:var(--at-tile-sub-size);line-height:var(--at-tile-leading);color:var(--at-tile-sub-ink)}.library-grid .tile{min-width:0}.library-grid .tile-name{font-size:var(--at-lib-name-size);display:-webkit-box;-webkit-line-clamp:var(--at-lib-name-lines);-webkit-box-orient:vertical;overflow:hidden}.library-grid .tile-sub{font-size:var(--at-lib-sub-size);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.tile-sub[data-caption=sort]{font-variant-numeric:tabular-nums}.tile-add-box{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1.5px dashed var(--at-line);border-radius:var(--at-tile-radius);color:var(--at-ink-2);transition:color .14s ease,border-color .14s ease}@media (hover: hover){button.tile-add:hover .tile-add-box{color:var(--at-ink);border-color:var(--at-ink-3)}}button.tile-add:active .tile-add-box{color:var(--at-ink)}.cover-pending{background:var(--at-placeholder-bg)}.cover-missing{display:flex;align-items:center;justify-content:center;background:var(--at-placeholder-bg);color:var(--at-placeholder-ink);font-weight:600;font-size:28px;line-height:1}.tile-cover.cover-missing{font-size:34px}.sheet-cover.cover-missing{font-size:44px}.shelf-list{display:flex;flex-direction:column}button.shelf-row{display:flex;align-items:center;gap:var(--at-row-gap);width:100%;margin:0;padding:var(--at-row-pad);background:var(--at-row-bg);border:none;border-top:var(--at-row-line-width) solid var(--at-row-line);border-radius:var(--at-row-radius);cursor:pointer;text-align:left;font:inherit;color:inherit}button.shelf-row:first-child{border-top:none}.shelf-item{display:grid;grid-template-rows:1fr;touch-action:pan-y;transition:grid-template-rows .26s cubic-bezier(.2,.8,.2,1)}.shelf-item+.shelf-item button.shelf-row{border-top:var(--at-row-line-width) solid var(--at-row-line)}.shelf-item-in{position:relative;min-height:0;border-radius:var(--at-row-radius);overflow:clip;overflow-clip-margin:14px;transition:opacity .2s ease}.shelf-item[data-gone=true]{grid-template-rows:0fr}.shelf-item[data-gone=true] .shelf-item-in{opacity:0}.shelf-item-in>button.shelf-row{position:relative}.swipe-act{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:10px;padding:0 18px;border-radius:inherit;opacity:0;pointer-events:none}.swipe-heard{justify-content:flex-start}.swipe-remove{justify-content:flex-end}.shelf-item[data-swipe=heard] .swipe-heard,.shelf-item[data-swipe=remove] .swipe-remove{opacity:1}.undo-bar{position:fixed;z-index:55;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;width:min(calc(100% - 32px),400px);min-height:52px;padding:0 4px 0 16px;box-sizing:border-box}.undo-text{flex:1;min-width:0}.undo-btn{min-width:64px;min-height:48px;cursor:pointer}.now-playing{display:flex;flex-direction:column;width:100%;box-sizing:border-box;text-align:left;font:inherit;color:inherit}button.now-playing{cursor:pointer}.np-main{display:flex;align-items:center;min-width:0}.np-text{display:flex;flex-direction:column;min-width:0}.np-album,.np-artist,.np-track{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-progress{display:block;overflow:hidden}.np-progress-fill{display:block;height:100%;transform-origin:left;transform:scaleX(var(--np-from, 0))}.np-progress-fill[data-run=true]{animation:np-progress var(--np-left, 0ms) linear forwards}@keyframes np-progress{to{transform:scaleX(1)}}.shelf-cover{width:var(--at-row-cover);height:var(--at-row-cover);flex:none;display:block;object-fit:cover;border-radius:var(--at-row-cover-radius);background:var(--at-placeholder-bg);box-shadow:var(--at-row-cover-shadow)}.shelf-main{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.shelf-name{font-family:var(--at-row-name-font);font-size:var(--at-row-name-size);font-weight:var(--at-row-name-weight);color:var(--at-row-name-ink);overflow-wrap:anywhere}.shelf-sub{font-size:var(--at-row-sub-size);color:var(--at-row-sub-ink)}.progress{display:block;height:var(--at-progress-h);margin:2px 0 0;overflow:hidden;border-radius:var(--at-progress-radius);background:var(--at-progress-track)}.progress-fill{display:block;height:100%;width:calc(var(--progress, 0) * 100%);border-radius:inherit;background:var(--at-progress-fill)}.lib-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0}.search-input{flex:1 1 100%;min-width:0;min-height:var(--at-hit);box-sizing:border-box;margin:0;padding:8px 12px;font-family:inherit;font-size:var(--at-search-size);color:var(--at-search-ink);background:var(--at-search-bg);border:1px solid var(--at-search-line);border-radius:var(--at-search-radius);outline:none;caret-color:var(--at-caret, auto)}.search-input::placeholder{color:var(--at-search-placeholder);opacity:1}.search-input:focus{border-color:var(--at-search-focus-line)}@media (pointer: coarse){.search-input{font-size:max(16px,var(--at-search-size))}}.toolbar{display:flex;flex-wrap:wrap;column-gap:var(--at-chip-gap);row-gap:var(--at-chip-row-gap)}button.chip{display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;min-height:var(--at-chip-h);min-width:var(--at-hit);padding:var(--at-chip-pad);white-space:nowrap;cursor:pointer;font:inherit;font-size:var(--at-chip-size);font-weight:var(--at-chip-weight);letter-spacing:var(--at-chip-tracking);color:var(--at-chip-ink);background:var(--at-chip-bg);border:1px solid var(--at-chip-line);border-radius:var(--at-chip-radius)}@media (hover: hover){button.chip:hover{border-color:var(--at-chip-hover-line);color:var(--at-chip-hover-ink)}}button.chip[aria-pressed=true]{background:var(--at-chip-on-bg);border-color:var(--at-chip-on-bg);color:var(--at-chip-on-ink)}button.chip:disabled{opacity:var(--at-disabled-opacity);cursor:default}.chip-icon{flex:none}button.chip-ask[data-prominent=true]{background:var(--at-ask-on-bg);border-color:var(--at-ask-on-bg);color:var(--at-ask-on-ink)}@media (hover: hover){button.chip-ask[data-prominent=true]:hover{background:var(--at-ask-on-bg);color:var(--at-ask-on-ink)}}.status-filters{--at-scroll-pad: max(0px, calc((var(--at-hit) - var(--at-chip-h)) / 2));display:flex;flex-wrap:nowrap;gap:var(--at-chip-gap);overflow-x:auto;scrollbar-width:none;padding:var(--at-scroll-pad) 0;margin:calc(-1 * var(--at-scroll-pad)) 0;pointer-events:none}.status-filters>*{pointer-events:auto}.status-filters::-webkit-scrollbar{display:none}.status-filters .chip{padding-inline:var(--at-status-chip-pad-x);background:var(--at-status-chip-bg);border-color:var(--at-status-chip-line);color:var(--at-status-chip-ink)}@media (hover: hover){.status-filters .chip:hover{background:var(--at-status-chip-hover-bg);border-color:var(--at-status-chip-line)}}.status-filters .chip[aria-pressed=true]{background:var(--at-chip-on-bg);border-color:var(--at-chip-on-bg);color:var(--at-chip-on-ink)}.menu{display:flex;flex-direction:column;gap:2px;margin-bottom:10px;padding:6px;background:var(--at-menu-bg);border:1px solid var(--at-menu-line);border-radius:var(--at-menu-radius);box-shadow:var(--at-menu-shadow)}.menu-item{min-height:var(--at-hit);padding:9px 12px;text-align:left;cursor:pointer;font:inherit;font-size:var(--at-menu-item-size);color:inherit;background:none;border:none;border-radius:var(--at-menu-item-radius)}.menu-item[aria-pressed=true]{background:var(--at-menu-item-on-bg);color:var(--at-menu-item-on-ink)}.menu[data-menu=filters]{gap:var(--at-chip-row-gap);padding:10px}.filter-row{display:flex;align-items:baseline;gap:8px}.filter-label{font-size:var(--at-filter-label-size);color:var(--at-filter-label-ink);min-width:52px;flex:none}.filter-opts{display:flex;flex-wrap:wrap;column-gap:var(--at-chip-gap);row-gap:var(--at-chip-row-gap)}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:var(--at-sheet-align);padding:calc((1 - var(--at-sheet-flush-top)) * (var(--at-sheet-gap-top) + var(--at-safe-top))) max(var(--at-sheet-gap-side),var(--at-safe-right)) calc((1 - var(--at-sheet-flush-bottom)) * (var(--at-sheet-gap-bottom) + var(--at-safe-bottom))) max(var(--at-sheet-gap-side),var(--at-safe-left));background:var(--at-overlay);animation:var(--at-backdrop-enter)}.sheet{position:relative;box-sizing:border-box;flex:0 1 auto;width:100%;max-width:var(--at-sheet-max-width);min-height:var(--at-sheet-min-height);max-height:100%;overflow-y:auto;overscroll-behavior:contain;outline:none;padding:calc(var(--at-sheet-pad-top) + var(--at-sheet-flush-top) * var(--at-safe-top)) var(--at-sheet-pad-x) calc(var(--at-sheet-pad-bottom) + var(--at-sheet-flush-bottom) * var(--at-safe-bottom));color:var(--at-ink);background:var(--at-sheet-bg);border:var(--at-sheet-line-width) solid var(--at-sheet-line);border-radius:var(--at-sheet-radius);box-shadow:var(--at-sheet-shadow);animation:var(--at-sheet-enter)}.sheet-close{position:absolute;z-index:2;top:calc(var(--at-close-inset) + var(--at-sheet-flush-top) * var(--at-safe-top));right:var(--at-close-inset);width:var(--at-close-size);height:var(--at-close-size);padding:0;display:grid;place-items:center;cursor:pointer;color:var(--at-close-ink);background:var(--at-close-bg);border:none;border-radius:50%}@media (hover: hover){.sheet-close:hover{background:var(--at-close-hover-bg)}}.sheet-dock{display:none}.sheet-art{display:flex;margin-bottom:var(--at-sheet-cover-gap)}.sheet-cover{display:block;flex:none;object-fit:cover;width:var(--at-sheet-cover-size);height:var(--at-sheet-cover-size);max-width:100%;border-radius:var(--at-sheet-cover-radius);background:var(--at-placeholder-bg);box-shadow:var(--at-sheet-cover-shadow)}.sheet-head{display:grid;align-items:center;column-gap:10px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title links" "artist links"}.sheet-head[data-links=false]{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "artist"}.sheet-title{grid-area:title;align-self:end;margin:0;min-width:0;overflow-wrap:anywhere;font-family:var(--at-font-display);font-size:var(--at-sheet-title-size);font-weight:var(--at-sheet-title-weight);line-height:var(--at-sheet-title-leading);letter-spacing:var(--at-sheet-title-tracking);color:var(--at-sheet-title-ink)}.title-tail{white-space:nowrap}.internalised-badge{display:inline-flex;align-items:center;justify-content:center;vertical-align:2px;margin-left:8px;width:var(--at-badge-size);height:var(--at-badge-size);border-radius:50%;background:var(--at-badge-bg);color:var(--at-badge-ink)}.sheet-artist{grid-area:artist;justify-self:start;align-self:start;margin-top:2px;max-width:100%;font-size:var(--at-sheet-artist-size);font-weight:var(--at-sheet-artist-weight);color:var(--at-sheet-artist-ink);overflow-wrap:anywhere}button.sheet-artist{background:none;border:none;padding:0;font-family:inherit;line-height:inherit;text-align:left;cursor:pointer}@media (hover: hover){button.sheet-artist:hover{color:var(--at-ink);text-decoration:underline}}button.sheet-artist:focus-visible{color:var(--at-ink);text-decoration:underline}.sheet-links{grid-area:links;display:inline-flex;flex:none;gap:max(var(--at-link-gap),calc(var(--at-hit) - var(--at-link-chip-size)))}.link-chip{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:none;height:var(--at-link-chip-size);min-width:var(--at-link-chip-size);border-radius:999px;text-decoration:none}.link-chip[data-link=spotify]{width:var(--at-link-chip-size);background:var(--at-spotify-bg);color:var(--at-spotify-ink)}.link-chip[data-link=aoty]{width:var(--at-link-chip-size);padding:0;border-radius:var(--at-aoty-radius, 999px);background:var(--at-aoty-bg);color:var(--at-aoty-ink)}.aoty-logo{display:block;width:var(--at-aoty-logo-w, 62%);aspect-ratio:216 / 78;background-color:currentColor;-webkit-mask:url(./aoty-wordmark-C25i6rEv.png) center / contain no-repeat;mask:url(./aoty-wordmark-C25i6rEv.png) center / contain no-repeat}.link-chip[data-link=aoty]:hover{color:var(--at-aoty-ink)}.link-chip[data-link=spotify]:hover{color:var(--at-spotify-ink)}.link-chip-text{display:block;padding-left:.04em;font-size:var(--at-aoty-size);font-weight:600;letter-spacing:.04em;line-height:1}.sheet-meta,.sheet-minutes{margin-top:2px;font-size:var(--at-meta-size);color:var(--at-meta-ink)}.sheet-meta>*+*:before,.sheet-minutes>*+*:before,.score-count:before{content:var(--at-meta-sep)}.sheet-score{display:flex;align-items:baseline;gap:8px;margin-top:10px}.score-num{font-family:var(--at-font-display);font-size:var(--at-score-size);font-weight:var(--at-score-weight);color:var(--at-score-ink);font-variant-numeric:tabular-nums}.score-count{font-size:var(--at-score-count-size);color:var(--at-score-count-ink)}.tagrow{position:relative;display:flex;align-items:flex-start;gap:6px;margin-top:var(--at-tagrow-gap)}.tags{display:flex;flex-wrap:wrap;column-gap:var(--at-tag-gap);row-gap:var(--at-tag-line-gap);flex:1;min-width:0;margin:0}.tagrow .tag-measure{position:absolute;left:0;top:0;width:100%;height:0;overflow:hidden;visibility:hidden;pointer-events:none;flex-wrap:nowrap;margin:0}.tag,.tag-more{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;min-height:var(--at-tag-h);min-width:var(--at-hit);max-width:100%;padding:var(--at-tag-pad);font-family:inherit;line-height:var(--at-tag-leading);white-space:nowrap}.tag{font-size:var(--at-tag-size);font-weight:var(--at-tag-weight);color:var(--at-tag-ink);background:var(--at-tag-bg);border:1px solid var(--at-tag-line);border-radius:var(--at-tag-radius)}.tag-vibe{color:var(--at-vibe-ink);background:var(--at-vibe-bg);border-color:var(--at-vibe-line)}.tags:not(.tag-measure) .tag{white-space:normal;overflow-wrap:anywhere;text-align:center}button.tag{cursor:pointer}@media (hover: hover){button.tag:hover{background:var(--at-tag-hover-bg)}button.tag-vibe:hover{background:var(--at-vibe-hover-bg)}}.tag-more{font-size:var(--at-more-size);font-weight:var(--at-more-weight);color:var(--at-more-ink);background:var(--at-more-bg);border:1px solid var(--at-more-line);border-radius:var(--at-more-radius);cursor:pointer}@media (hover: hover){.tag-more:hover{color:var(--at-ink)}}.tracklist{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:var(--at-track-gap)}.track{display:flex;align-items:center;gap:8px;font-size:var(--at-track-size);color:var(--at-ink)}.track-name{flex:0 0 var(--at-track-name-width);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--at-track-name-ink)}.track[data-scored=false] .track-name{flex:1}.track-bar{flex:1;height:var(--at-track-bar-h);overflow:hidden;border-radius:var(--at-track-bar-radius);background:var(--at-track-bar-track)}.track-bar-fill{display:block;height:100%;width:calc(var(--score, 0) * 100%);background:var(--at-track-bar-fill)}.track-score,.track-dur{flex:0 0 auto;text-align:right;font-size:var(--at-track-num-size);font-variant-numeric:tabular-nums}.track-score{min-width:20px;color:var(--at-track-score-ink)}.track-dur{min-width:34px;color:var(--at-track-dur-ink)}.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch;margin-top:14px}.sheet-actions .action{display:contents}.sheet-actions[data-count="1"] .action>button,.sheet-actions .action[data-wide]>button,.sheet-actions .action>:not(button){grid-column:1 / -1}.sheet-actions .action>button{width:100%;height:auto;min-height:var(--at-hit);margin:0;padding:6px 8px;align-self:stretch;box-sizing:border-box;white-space:normal;text-align:center;cursor:pointer;font-family:inherit;font-size:var(--at-button-size);font-weight:var(--at-button-weight);line-height:1.25;letter-spacing:var(--at-button-tracking);color:var(--at-button-ink);background:var(--at-button-bg);border:var(--at-button-line-width) solid var(--at-button-line);border-radius:var(--at-button-radius)}@media (hover: hover){.sheet-actions .action>button:hover:not(:disabled){border-color:var(--at-button-hover-line)}}.sheet-actions .action>button:disabled{opacity:var(--at-disabled-opacity);cursor:default}.sheet-actions .action[data-variant=primary]>button{color:var(--at-accent-ink);background:var(--at-accent);border-color:var(--at-accent)}.sheet .caption,.sheet figcaption{margin-top:12px}.sheet-actions .caption,.sheet-actions figcaption{margin-top:0}.hold-row{display:flex;flex-direction:column;align-items:center;margin-top:10px;padding-bottom:8px}.hold-row .caption,.hold-row figcaption{margin-top:6px}.hold-btn{position:relative;width:100%;max-width:var(--at-hold-max-width);min-height:var(--at-hit);box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:8px 12px;cursor:pointer;font-family:inherit;font-size:var(--at-button-size);font-weight:var(--at-button-weight);line-height:1.25;letter-spacing:var(--at-button-tracking);color:var(--at-button-ink);background:var(--at-button-bg);border:var(--at-button-line-width) solid var(--at-button-line);border-radius:var(--at-button-radius);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.hold-btn:disabled{opacity:.6;cursor:default}.hold-btn[data-state=holding]{border-color:var(--at-hold-holding-line);background:var(--at-hold-holding-bg);transition:border-color .16s ease,background-color .16s ease}.hold-btn[data-state=done],.hold-btn[data-state=done]:disabled{opacity:1;border-color:var(--at-hold-done-line);color:var(--at-hold-done-ink)}.hold-ring{position:absolute;left:12px;top:50%;width:var(--at-hold-ring-size);height:var(--at-hold-ring-size);margin-top:calc(var(--at-hold-ring-size) / -2);pointer-events:none;animation:var(--at-hold-ring-enter)}.hold-ring-track{fill:none;stroke:var(--at-hold-ring-track);stroke-width:var(--at-hold-ring-width)}.hold-ring-arc,.hold-ring-check{fill:none;stroke:var(--at-hold-ring-arc);stroke-width:var(--at-hold-ring-width);stroke-linecap:round}.hold-ring-check{stroke-linejoin:round}.hold-label{position:relative;pointer-events:none}@keyframes at-hold-ring-in{0%{opacity:0;transform:scale(.6)}}.bottom-nav{flex:0 0 auto;display:flex;justify-content:space-around;gap:4px;box-sizing:border-box;width:100%;overflow:hidden;padding:var(--at-nav-pad-top) max(var(--at-nav-pad-x),var(--at-safe-right)) calc(var(--at-nav-pad-bottom) + var(--at-safe-bottom)) max(var(--at-nav-pad-x),var(--at-safe-left));background:var(--at-nav-bg);border-top:1px solid var(--at-nav-line);box-shadow:var(--at-nav-shadow)}.nav-btn{flex:1 1 0;min-width:0;min-height:var(--at-hit);padding:0 4px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--at-nav-label-gap);font:inherit;color:var(--at-nav-ink);background:transparent;border:0;border-radius:var(--at-nav-radius);cursor:pointer}.nav-btn[aria-current=true]{color:var(--at-nav-on-ink);background:var(--at-nav-on-bg)}.nav-icon{flex:none;width:var(--at-nav-icon-size);height:var(--at-nav-icon-size)}.nav-label{display:var(--at-nav-label-display);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--at-nav-label-size);font-weight:var(--at-nav-label-weight);line-height:1.2}:where(.sync-refresh,.sheet-close,button.sheet-artist,.link-chip,.tag,.tag-more,button.chip){position:relative}:where(.sync-refresh,.sheet-close,button.sheet-artist,.link-chip,.tag,.tag-more,button.chip):after{content:"";position:absolute;left:50%;top:50%;width:max(100%,var(--at-hit));height:max(100%,var(--at-hit));transform:translate(-50%,-50%)}.tag-measure .tag:after,.tag-measure .tag-more:after{content:none}:where(button,a[href],input,select,textarea,[tabindex="0"]):focus-visible{outline:var(--at-focus-width) solid var(--at-focus);outline-offset:var(--at-focus-offset)}button.tile:focus-visible,button.shelf-row:focus-visible{outline-offset:3px}.app-scroll:focus-visible,.sheet:focus-visible{outline:var(--at-focus-width) solid var(--at-focus);outline-offset:calc(-1 * var(--at-focus-width))}.nav-btn:focus-visible{outline-offset:-2px}html:not([data-kb-nav]) :is(button.tile,button.shelf-row,.app-scroll,.sheet):focus-visible{outline:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}button.tile:hover .tile-cover{transform:none}}@font-face{font-family:d-Bricolage Grotesque;src:url(./bricolage-grotesque-latin-DbmBR5cb.woff2) format("woff2");font-weight:500 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:d-Bricolage Grotesque;src:url(./bricolage-grotesque-latin-ext-7si8eCxl.woff2) format("woff2");font-weight:500 800;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:d-Gloock;src:url(data:font/woff2;base64,d09GMgABAAAAAAa0AA4AAAAAC2wAAAZhAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbgkocgUoGYABsEQgKiQCHKgscAAE2AiQDNAQgBYQMByAbhwnIxIfwrH+TpLiZdsncNit11Tv3iC7Ek5P/3ZzgD6n4sOdqTW2ALI6nUyZWJXufe9gAUxGVqq+qBWBZNp6FrfC2q2zSIarDi9yXjwYBYIEiCmKSQJSTBgyTof10CgV2CJOmzCpDQF/z4gEIQRrIGMaw3vaFAzCn1LdIEGBOHgUFrKAbVNEGA0xwAP+JfwHwL/hPk2nIpJX8Tf57Sfq9J8q/heyr/IcUv0IGCM1GmNIMRuTgiBKIgow4g5x4JVysF9owSrrJhC64MAtTUIgcpJ0dWpHSpCj/Z+kH8W8hQeRfwMi/hZl/AcY/bHvYGyAw8d9hgMj/hZH/AzP/d0KK8b+WGsN/BOW/3KK5D2fVVc8HDM6ayTImTHSVyRg501kjw17mLJORUeaaKSPpjr1SrBbVgp88A/Y8nDDS0DfY2gdHqLQrs5QpXvkJeXFKugwnUSlvgMXl6m0zCIy3AnJLEgrI5rudJbiFKgAz4zVIA+wk61kKKsg7fT3lU+bMnTMZj0LGIvEVnshNE78lvTLItvYi+Vf4nqCMBiQgGHb7ACEJmzw0BEEQIUBGDuagFN3oxRAWnXdJXTF4Jf+av8ev8Ut8L9/Hd/OdT38ZZyQB4RyBRGkVY2QxUG0OAeQxwKit2TsFlNR3vyXA/yshkpRkSSyIdAQFJVtzLRZmsEotVoOlWovdtS9y3yGi7aVuj0wrmX4qctcppr8E9bxDOX4e5e6zRDvH9DNQT/cv3Xk2QlJfY6BEf4MYHp5CrO2i9jolDO5XUe6+efImrWFeL9P9RLuYcdY3Z6TPRzQ/02+cuMHKqc9H3a9C9c4e4fV6oXo8jDD9ESJqFylheuqpSCaoDzEGQpj+CDFoD1PC9NRTkUyqfCR2X0oEYQg7/uzosuozZxgsRI/cRbSInXsjKhxQH2IMzW6fj2h+P9O9XqgeT4Xu9xPN56Nujweq97UywvRHiOHgw5Qw/YFIVn7Jz3SvF6rHQ93PZ0B9iDFU6pV+olG3Jw6qt9x98uRNWsG8Xqa/QrSLL49Med5HND/TT5y4wcrpQd/L1P0g1IemJ3u9UMvdrxPtFaa/BPXVRvfDRHuE6Q9BfbDt+/7v58UW3Sy6ZUvJ6jFLSrYdDI5sDVbSpq4JCLrdaMp/7LEt1oyt8SGe6HjLQBbdHXp/aOh9oaF7QkP3YqeV7esi7aMzx2TSV2nWmKzpj4VRctffd2WOyaSv0MwxmfjaGiP+9kZakmgJWNlzW9nY2ZMdUczhcI6UNs5wjKguqlLbemLEz7YNH/YctdbV9jpz2rNT7VO+v+TMnTVv+MzMCc72xQ6YKFEeUKalfGWnHQVn3Yfos8oDCqEAJcoDykjlBYV2FJx1H6IBZzZqK6tsj9MddMui3D8mjXg6P+16MDXT6EW30GH9JcdXL7g5d4/ygEIo7FbXSufEZS7XxGUrnS7XCufEXLbiNIstf3Ls4skz4xbax8tJdm7mosmz4hflIug1DI+OYQVZtHXUjUMU6/rqRxU6yifmLZ5VNmpV38SZ6Y5Zh3F9ZOYpjp0QM3Hd21VJziLfV9Py5+MFa8y29tLUyAesgfWVDYUF05XIlsV/vTJQ6Mqb1DK7NHzbkoIE62FLQ9q05fEpzyixWdHvT7aNmz1mP1ZbbcG25HHDh49LtgWjq0n5XlG+V2w/2Gw/QEiBBMAISzGEFEgAoZ+czoT8CNEUuxnUvo9axL8bA0f/Zg4UvxxS+eDduYvJAXva+KT/dxiCxG+X4Ji9SFTKbtZtEPmk//sMQYzgeqtQhDbhO/4P+R+RJB0mPyBUwxlCG5KESv4DOYw4+Lnk30jjMWKBkVb0wIQW1rDE4dhWyoyONCgNk827SQAhsBCBCAjAr0SEHY8TCXE4SQwog4sYEYdiMQCGA11YjMVMcE+MRC5ysQitWMglh7DY1Odg0Xv3IQeDWIhO5GIupmAWpqIPgxhEK3qRDRfa0Ykl6EMzFqJCxoVTDhrEAGTkIwd5rjiKwEYP7UAzlmAxBtGFbgxgMWSkYSlV2oGcf+nvS5CNIrShCC1I38qRvGTpzZ+DuZiDyRiFbpnSEqqREzGIIaw4PXbey1+SYUce7LBDRhm60A4ZyUHzsBCD6EE7WmnReS7sui1cZCx7v+lOdPcOXYIW5KCVjOxHLtqwBAtQQf+i5TH9b+ZSV+P7YYcD) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:d-Instrument Sans;src:url(./instrument-sans-latin-CclBWeUS.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:d-Instrument Sans;src:url(./instrument-sans-latin-ext-oUstOPQL.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@keyframes d-sheet-reveal{0%{opacity:0;clip-path:inset(96px 0 -120px 0 round 30px 30px 0 0)}to{clip-path:inset(0 0 -120px 0 round 30px 30px 0 0)}}@keyframes d-sheet-content{0%{transform:translateY(96px)}}@keyframes d-fade-in{0%{opacity:0}}:root[data-design=d]{--at-bg: #0D0D10;--at-surface: #16161B;--at-surface-2: #202027;--at-line: #2A2A32;--at-ink: #F4F4F7;--at-ink-2: #A9A9B4;--at-ink-3: #74747F;--at-accent: #F4F4F7;--at-accent-ink: #0D0D10;--at-link: #F4F4F7;--at-link-hover: #FFFFFF;--at-overlay: rgba(5, 5, 8, .68);--at-focus: #F4F4F7;--at-focus-width: 2px;--at-focus-offset: 2px;--at-disabled-opacity: .38;--at-placeholder-bg: #1A1A20;--at-placeholder-ink: #A9A9B4;--at-cover-fallback-rgb: 112 112 124;--at-cover-fallback-deep-rgb: 40 40 47;--at-cover-fallback-light-rgb: 176 176 188;--at-selection-bg: rgba(255, 255, 255, .26);--at-selection-ink: #FFFFFF;--at-caret: #FFFFFF;--d-dock-gap: 10px;--d-dock-h: 62px;--at-font: "d-Instrument Sans", var(--at-font-system);--at-font-display: "d-Bricolage Grotesque", var(--at-font-system);--at-page-pad-top: 16px;--at-page-pad-x: 20px;--at-page-pad-bottom: 28px;--at-app-title-size: 43px;--at-app-title-weight: 400;--at-app-title-leading: 1.05;--at-app-title-tracking: -.018em;--at-app-title-ink: var(--at-ink);--at-app-title-margin: var(--d-title-mt) 0 0 .005em;--at-sync-size: 12px;--at-sync-ink: #80808B;--at-sync-margin: 0 0 0 -.5px;--at-section-gap: 18px;--at-section-title-size: 28px;--at-section-title-weight: 760;--at-section-title-leading: 1.04;--at-section-title-tracking: -.028em;--at-section-title-ink: var(--at-ink);--at-section-count-size: 13px;--at-section-count-weight: 600;--at-section-count-ink: #C9C9D2;--at-count-before: "";--at-count-after: "";--at-empty-size: 15px;--at-empty-ink: var(--at-ink-2);--at-grid-cols: 2;--at-grid-gap: 26px 14px;--at-grid-min-wide: 168px;--at-grid-gap-wide: 30px 18px;--at-lib-cols: 3;--at-lib-gap: 20px 10px;--at-lib-gap-wide: 24px 14px;--at-tile-gap: 2px;--at-tile-radius: 16px;--at-tile-shadow: 0 10px 24px -14px rgba(0, 0, 0, .8);--at-tile-hover-scale: 1.025;--at-tile-hover-duration: .22s;--at-tile-name-gap: 9px;--at-tile-name-font: var(--at-font);--at-tile-name-size: 15px;--at-tile-name-weight: 600;--at-tile-name-tracking: -.006em;--at-tile-name-ink: var(--at-ink);--at-tile-leading: 1.3;--at-tile-sub-size: 13px;--at-tile-sub-ink: var(--at-ink-2);--at-lib-name-size: 12.5px;--at-lib-name-lines: 2;--at-lib-sub-size: 11.5px;--at-row-gap: 14px;--at-row-pad: 9px 0;--at-row-bg: none;--at-row-radius: 14px;--at-row-line: transparent;--at-row-line-width: 0px;--at-row-cover: 64px;--at-row-cover-radius: 12px;--at-row-cover-shadow: 0 8px 18px -10px rgba(0, 0, 0, .8);--at-row-name-font: var(--at-font);--at-row-name-size: 16px;--at-row-name-weight: 600;--at-row-name-ink: var(--at-ink);--at-row-sub-size: 13px;--at-row-sub-ink: var(--at-ink-2);--at-progress-h: 4px;--at-progress-radius: 999px;--at-progress-track: rgba(255, 255, 255, .1);--at-progress-fill: var(--at-ink);--at-chip-h: 36px;--at-chip-pad: 7px 15px;--at-chip-gap: 8px;--at-chip-radius: 999px;--at-chip-size: 13.5px;--at-chip-weight: 600;--at-chip-tracking: 0;--at-chip-bg: rgba(255, 255, 255, .03);--at-chip-line: rgba(255, 255, 255, .15);--at-chip-ink: #DCDCE3;--at-chip-hover-line: rgba(255, 255, 255, .34);--at-chip-hover-ink: #FFFFFF;--at-chip-on-bg: #F4F4F7;--at-chip-on-ink: #0D0D10;--at-ask-on-bg: #FFFFFF;--at-ask-on-ink: #0D0D10;--at-status-chip-pad-x: 15px;--at-status-chip-bg: rgba(255, 255, 255, .07);--at-status-chip-hover-bg: rgba(255, 255, 255, .12);--at-status-chip-line: transparent;--at-status-chip-ink: #CFCFD7;--at-search-size: 15px;--at-search-ink: var(--at-ink);--at-search-bg: rgba(255, 255, 255, .06);--at-search-line: rgba(255, 255, 255, .09);--at-search-focus-line: rgba(255, 255, 255, .42);--at-search-radius: 999px;--at-search-placeholder: #A0A0AB;--at-menu-bg: #15151A;--at-menu-line: rgba(255, 255, 255, .08);--at-menu-radius: 22px;--at-menu-shadow: 0 18px 40px -18px rgba(0, 0, 0, .9);--at-menu-item-size: 15px;--at-menu-item-radius: 16px;--at-menu-item-on-bg: rgba(255, 255, 255, .1);--at-menu-item-on-ink: #FFFFFF;--at-filter-label-size: 13px;--at-filter-label-ink: var(--at-ink-2);--at-sheet-align: flex-end;--at-sheet-flush-top: 0;--at-sheet-flush-bottom: 1;--at-sheet-gap-top: var(--d-head-h);--at-sheet-gap-side: 0px;--at-sheet-gap-bottom: 0px;--at-sheet-max-width: 560px;--at-sheet-min-height: 0;--at-sheet-pad-top: 26px;--at-sheet-pad-x: 22px;--at-sheet-pad-bottom: 30px;--at-sheet-bg: #0F0F13;--at-sheet-line: rgba(255, 255, 255, .07);--at-sheet-line-width: 0px;--at-sheet-radius: 30px 30px 0 0;--at-sheet-shadow: 0 -18px 50px rgba(0, 0, 0, .55);--at-sheet-enter: d-sheet-reveal .4s cubic-bezier(.2, 1.16, .34, 1);--at-backdrop-enter: d-fade-in .22s ease-out;--at-close-size: 40px;--at-close-inset: 14px;--at-close-bg: rgba(255, 255, 255, .1);--at-close-hover-bg: rgba(255, 255, 255, .17);--at-close-ink: #FFFFFF;--at-sheet-cover-size: min(264px, 66vw);--at-sheet-cover-radius: 20px;--at-sheet-cover-shadow: 0 22px 48px -18px rgba(0, 0, 0, .9);--at-sheet-cover-gap: 24px;--at-sheet-title-size: 26px;--at-sheet-title-weight: 740;--at-sheet-title-leading: 1.12;--at-sheet-title-tracking: -.022em;--at-sheet-title-ink: var(--at-ink);--at-sheet-artist-size: 16px;--at-sheet-artist-weight: 500;--at-sheet-artist-ink: var(--at-ink-2);--at-badge-size: 20px;--at-badge-bg: #F4F4F7;--at-badge-ink: #0D0D10;--at-link-chip-size: 40px;--at-link-gap: 8px;--at-spotify-bg: rgba(255, 255, 255, .1);--at-spotify-ink: #1ED760;--at-aoty-bg: rgba(255, 255, 255, .1);--at-aoty-ink: #FFFFFF;--at-aoty-radius: 999px;--at-aoty-size: 10.5px;--at-meta-size: 13.5px;--at-meta-ink: var(--at-ink-2);--at-meta-sep: " · ";--at-score-size: 34px;--at-score-weight: 760;--at-score-ink: var(--at-ink);--at-score-count-size: 12.5px;--at-score-count-ink: var(--at-ink-2);--at-tagrow-space: 12px;--at-tag-h: 32px;--at-tag-gap: 6px;--at-tag-pad: 5px 12px;--at-tag-size: 13.5px;--at-tag-weight: 500;--at-tag-leading: 1.2;--at-tag-radius: 999px;--at-tag-ink: var(--at-ink);--at-tag-bg: rgba(255, 255, 255, .09);--at-tag-line: transparent;--at-tag-hover-bg: rgba(255, 255, 255, .15);--at-vibe-ink: var(--at-ink);--at-vibe-bg: transparent;--at-vibe-line: rgba(255, 255, 255, .24);--at-vibe-hover-bg: rgba(255, 255, 255, .08);--at-more-size: 13px;--at-more-weight: 600;--at-more-radius: 999px;--at-more-ink: #D6D6DE;--at-more-bg: rgba(255, 255, 255, .05);--at-more-line: transparent;--at-track-gap: 0px;--at-track-size: 14px;--at-track-num-size: 12.5px;--at-track-name-width: auto;--at-track-name-ink: #E8E8EE;--at-track-bar-h: 22px;--at-track-bar-radius: 7px;--at-track-bar-track: transparent;--at-track-bar-fill: rgba(255, 255, 255, .16);--at-track-score-ink: var(--at-ink);--at-track-dur-ink: var(--at-ink-2);--at-button-size: 14px;--at-button-weight: 600;--at-button-tracking: 0;--at-button-ink: var(--at-ink);--at-button-bg: rgba(255, 255, 255, .04);--at-button-line: rgba(255, 255, 255, .17);--at-button-line-width: 1px;--at-button-hover-line: rgba(255, 255, 255, .36);--at-button-radius: 16px;--at-hold-max-width: 100%;--at-hold-holding-line: rgba(255, 255, 255, .6);--at-hold-holding-bg: rgba(255, 255, 255, .08);--at-hold-done-line: rgba(255, 255, 255, .5);--at-hold-done-ink: var(--at-ink);--at-hold-ring-size: 24px;--at-hold-ring-width: 2.6;--at-hold-ring-track: rgba(255, 255, 255, .18);--at-hold-ring-arc: var(--at-ink);--at-hold-ring-enter: at-hold-ring-in .16s ease-out;--at-nav-bg: rgba(24, 24, 30, .8);--at-nav-line: rgba(255, 255, 255, .08);--at-nav-shadow: 0 14px 34px -12px rgba(0, 0, 0, .9), inset 0 1px 0 rgba(255, 255, 255, .06);--at-nav-pad-top: 6px;--at-nav-pad-x: 6px;--at-nav-pad-bottom: 6px;--at-nav-radius: 999px;--at-nav-ink: #8F8F9B;--at-nav-on-ink: #FFFFFF;--at-nav-on-bg: rgba(255, 255, 255, .14);--at-nav-icon-size: 22px;--at-nav-label-display: none;--at-nav-label-size: 11px;--at-nav-label-weight: 600;--at-nav-label-gap: 2px}:root[data-design=d] .app-root:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.06;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.6 -.5'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23g)'/%3E%3C/svg%3E") 0 0 / 200px 200px}:root[data-design=d] .app-root:after{content:"";position:absolute;left:0;right:0;z-index:1;height:28px;pointer-events:none;bottom:calc(var(--d-dock-h) + var(--d-dock-gap) + var(--at-safe-bottom));background:linear-gradient(#0d0d1000,#0d0d10e6)}:root[data-design=d] .app-scroll,:root[data-design=d] .sheet{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}:root[data-design=d] .app-root button,:root[data-design=d] .app-root a{-webkit-tap-highlight-color:transparent}:root[data-design=d] .tile,:root[data-design=d] .shelf-item,:root[data-design=d] .shelf-row,:root[data-design=d] .sheet,:root[data-design=d] .now-playing{--d-tint: oklch(from rgb(var(--cover-light-rgb)) .8 min(c, .1) h);--d-tint-ink: color-mix(in srgb, var(--d-tint) 100%, transparent);--d-vivid: oklch(from rgb(var(--cover-rgb)) .78 min(c, .13) h);--d-glow: oklch(from rgb(var(--cover-rgb)) l c h / clamp(.4, calc(.75 + c*1.2 - (l*.3)) , 1))}:root[data-design=d]{--d-title-mt: 2px;--d-head-pad-bottom: 16px;--d-head-h: calc(var(--at-page-pad-top) + var(--d-title-mt) + var(--at-app-title-size) * var(--at-app-title-leading) + var(--d-head-pad-bottom))}:root[data-design=d] .app-header{position:sticky;top:calc(-1 * var(--at-page-pad-top));z-index:4;isolation:isolate;margin:calc(-1 * var(--at-page-pad-top)) calc(-1 * var(--at-page-pad-x)) 0;padding:var(--at-page-pad-top) var(--at-page-pad-x) var(--d-head-pad-bottom)}:root[data-design=d] .app-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .096 -.03'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23g)'/%3E%3C/svg%3E") 0 0 / 200px 200px,#0a0a0d9e;-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5)}:root[data-design=d] .app-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;opacity:0;background:#ffffff17}@supports (animation-timeline: scroll()){:root[data-design=d] .app-header:after{animation:d-dock-in linear both;animation-timeline:scroll(nearest block);animation-range:0px 16px}}:root[data-design=d] .sync-slot{display:grid;grid-template-rows:0fr;margin-bottom:14px;transition:grid-template-rows .34s cubic-bezier(.4,0,.2,1)}:root[data-design=d] .sync-slot>.sync-line{min-height:0;padding:0;opacity:0;transform:translateY(-100%);pointer-events:none;transition:transform .34s cubic-bezier(.4,0,.2,1),opacity .22s cubic-bezier(.4,0,1,1),padding .34s cubic-bezier(.4,0,.2,1)}:root[data-design=d] .sync-slot[data-open=true]{grid-template-rows:1fr;transition-duration:.38s;transition-timing-function:cubic-bezier(.2,.8,.2,1)}:root[data-design=d] .sync-slot[data-open=true]>.sync-line{opacity:1;transform:none;padding-bottom:12px;pointer-events:auto;transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .24s ease-out,padding .38s cubic-bezier(.2,.8,.2,1)}:root[data-design=d] .app-header{transition:--dot-l 2s ease-in-out,--dot-c 2s ease-in-out,--dot-h 2s ease-in-out}:root[data-design=d] .app-header h1{font-family:"d-Gloock",var(--at-font-display)}:root[data-design=d] .app-header h1:after{color:oklch(var(--dot-l, .96) var(--dot-c, 0) var(--dot-h, 0))}:root[data-design=d] .sync-refresh{color:var(--at-sync-ink);padding:3px;transition:color .16s ease}:root[data-design=d] .sync-refresh .sync-icon{width:14px;height:14px}:root[data-design=d] .sync-text{font-variant-numeric:tabular-nums}:root[data-design=d] .sync-line{column-gap:4px}:root[data-design=d] .section-title{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}:root[data-design=d] .section-name{white-space:nowrap;margin-left:-.043em}:root[data-design=d] .section-count{flex:none;padding:5px 10px;border-radius:999px;font-family:var(--at-font);line-height:1;letter-spacing:0;background:#ffffff14}:root[data-design=d] .tile-add-box{border:1.5px dashed rgba(255,255,255,.2);border-radius:16px;color:#ffffff9e;background:radial-gradient(circle at 50% 115%,rgba(255,255,255,.06),transparent 70%)}:root[data-design=d] .tile-cover{background-color:rgb(var(--cover-rgb));outline:1px solid rgba(255,255,255,.07);outline-offset:-1px;box-shadow:0 1px 2px #00000080,0 18px 34px -16px var(--d-glow);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease}:root[data-design=d] .library-grid .tile,:root[data-design=d] .library-grid .tile-cover{border-radius:12px}:root[data-design=d] .library-grid .tile-cover{box-shadow:0 1px 2px #00000080,0 14px 24px -12px var(--d-glow)}:root[data-design=d] button.tile:active .tile-cover,:root[data-design=d][data-kb-nav] button.tile:focus-visible .tile-cover{transform:translateY(-3px) scale(1.012);box-shadow:0 2px 4px #0006,0 24px 40px -14px var(--d-glow)}:root[data-design=d] button.tile:active .tile-cover{transition-duration:.12s}@media (hover: hover){:root[data-design=d] button.tile:hover .tile-cover{box-shadow:0 2px 4px #0006,0 24px 40px -14px var(--d-glow)}}:root[data-design=d] .tile-name{text-wrap:pretty}:root[data-design=d] .tile-sub{color:var(--at-tile-sub-ink)}:root[data-design=d] .library-grid .tile-name{margin-top:8px;letter-spacing:0;-webkit-hyphens:auto;hyphens:auto}:root[data-design=d] .cover-pending{background-color:rgb(var(--cover-rgb) / .55)}:root[data-design=d] .cover-missing{background-color:rgb(var(--cover-deep-rgb));color:#ffffffe0;font-family:var(--at-font-display);font-weight:700}:root[data-design=d] button.shelf-row{transition:background-color .16s ease,box-shadow .16s ease}:root[data-design=d] button.shelf-row:active{background-color:#ffffff0d;box-shadow:0 0 0 10px #ffffff0d}:root[data-design=d] .shelf-cover{background-color:rgb(var(--cover-rgb));outline:1px solid rgba(255,255,255,.07);outline-offset:-1px;box-shadow:0 1px 2px #00000080,0 10px 20px -12px var(--d-glow);transition:transform .2s cubic-bezier(.2,.8,.2,1)}:root[data-design=d] button.shelf-row:active .shelf-cover{transform:translateY(-2px) scale(1.03)}:root[data-design=d] .shelf-main{gap:3px}:root[data-design=d] .swipe-act{font-size:14px;font-weight:650;letter-spacing:-.005em}:root[data-design=d] .swipe-heard{background-color:rgb(var(--cover-accent-rgb));color:#0d0d10}:root[data-design=d] .swipe-remove{background-color:#2a2a31;color:var(--at-ink)}:root[data-design=d] .shelf-item[data-eligible=false] .swipe-heard{background-color:#2a2a31;color:var(--at-ink-2)}:root[data-design=d] .shelf-item[data-swipe=heard] button.shelf-row,:root[data-design=d] .shelf-item[data-swipe=remove] button.shelf-row{background-color:#111114;box-shadow:none}:root[data-design=d] .swipe-icon{flex:none;transition:transform .16s cubic-bezier(.2,.8,.2,1)}:root[data-design=d] .shelf-item[data-armed=true] .swipe-icon{transform:scale(1.3)}:root[data-design=d] .undo-bar{bottom:calc(var(--d-dock-h) + var(--d-dock-gap) + var(--at-safe-bottom) + 12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;background-color:#26262cf0;-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);box-shadow:0 12px 32px -12px #000c;color:var(--at-ink);font-size:14px;font-weight:500;animation:d-undo-in .22s cubic-bezier(.2,.9,.3,1)}:root[data-design=d] .undo-btn{padding:0 14px;border:none;border-radius:12px;background:none;color:var(--at-ink);font:inherit;font-weight:700}:root[data-design=d] .undo-btn:active{background-color:#ffffff14}@keyframes d-undo-in{0%{opacity:0;transform:translate(-50%,12px)}}:root[data-design=d] .now-playing{gap:10px;margin:0 0 -9px;padding:12px 14px 14px;border:1px solid rgb(var(--cover-light-rgb) / .18);border-radius:18px;background:linear-gradient(135deg,rgb(var(--cover-deep-rgb) / .62),rgb(var(--cover-deep-rgb) / .22));transition:background-color .16s ease}:root[data-design=d] button.now-playing:active{background-color:#ffffff0d}:root[data-design=d] .np-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650;color:var(--d-tint-ink)}:root[data-design=d] .np-eq{display:inline-flex;align-items:flex-end;gap:2px;height:11px}:root[data-design=d] .np-eq i{width:3px;height:100%;border-radius:1px;background-color:currentColor;transform-origin:bottom;transform:scaleY(.35)}:root[data-design=d] .np-eq[data-playing=true] i{animation:d-np-eq .9s ease-in-out infinite alternate}:root[data-design=d] .np-eq i:nth-child(2){animation-delay:-.3s}:root[data-design=d] .np-eq i:nth-child(3){animation-delay:-.6s}@keyframes d-np-eq{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}:root[data-design=d] .np-main{gap:14px}:root[data-design=d] .np-cover{width:64px;height:64px;flex:none;display:block;object-fit:cover;border-radius:12px;background-color:rgb(var(--cover-rgb));outline:1px solid rgba(255,255,255,.07);outline-offset:-1px;box-shadow:0 1px 2px #00000080,0 10px 20px -12px var(--d-glow)}:root[data-design=d] .np-cover-none{background-color:#ffffff14;box-shadow:none}:root[data-design=d] .np-text{gap:2px}:root[data-design=d] .np-album{font-size:16px;font-weight:650;line-height:1.25;letter-spacing:-.006em;color:var(--at-ink)}:root[data-design=d] .np-artist{font-size:13px;line-height:1.3;color:var(--at-ink-2)}:root[data-design=d] .np-track{font-size:13px;line-height:1.3;color:var(--at-ink)}:root[data-design=d] .np-place{color:var(--at-ink-2);font-variant-numeric:tabular-nums}:root[data-design=d] .np-progress{height:3px;border-radius:999px;background-color:#ffffff1f}:root[data-design=d] .np-progress-fill{border-radius:inherit;background-color:rgb(var(--cover-accent-rgb))}:root[data-design=d] .shelf-name{line-height:1.25;letter-spacing:-.006em}:root[data-design=d] .shelf-sub{color:var(--at-ink-2)}:root[data-design=d] .progress{margin-top:9px}:root[data-design=d] .progress-fill{background:rgb(var(--cover-accent-rgb))}:root[data-design=d] .lib-controls{gap:10px}:root[data-design=d] .search-input{padding:8px 14px 8px 46px;background:var(--at-search-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A0A0AB' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M20 20l-4.2-4.2'/%3E%3C/svg%3E") no-repeat 17px 50% / 18px 18px;transition:border-color .16s ease,background-color .16s ease}:root[data-design=d] .search-input:focus{background-color:#ffffff16}:root[data-design=d] .search-input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%2352525C'/%3E%3Cpath d='M8.6 8.6l6.8 6.8M15.4 8.6l-6.8 6.8' stroke='%23F4F4F7' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / 20px 20px no-repeat}:root[data-design=d] button.chip{transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}:root[data-design=d] button.chip:active:not(:disabled){background-color:#ffffff1f}:root[data-design=d] button.chip[aria-expanded=true]{background-color:#ffffff1a;border-color:#ffffff80;color:#fff}:root[data-design=d] button.chip[aria-pressed=true]{background-color:var(--at-chip-on-bg);border-color:var(--at-chip-on-bg);color:var(--at-chip-on-ink)}:root[data-design=d] button.chip[data-source=spotify][aria-pressed=true]{background-color:var(--at-spotify-ink);border-color:var(--at-spotify-ink);color:#0d0d10}:root[data-design=d] .chip-sort .chip-icon{transition:transform .2s ease}:root[data-design=d] .chip-sort[aria-expanded=true] .chip-icon{transform:rotate(180deg)}:root[data-design=d] button.chip-ask[data-prominent=true]{box-shadow:0 8px 22px -8px #ffffff80}:root[data-design=d] .menu{margin-bottom:0}:root[data-design=d] .menu[data-menu=sort]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}:root[data-design=d] .menu-item{position:relative;padding:9px 40px 9px 16px;font-weight:500;color:#dcdce3;transition:background-color .14s ease}:root[data-design=d] .menu-item:active{background-color:#ffffff12}:root[data-design=d] .menu-item[aria-pressed=true]{background-color:var(--at-menu-item-on-bg);color:var(--at-menu-item-on-ink);font-weight:650}:root[data-design=d] .menu-item[aria-pressed=true]:after{content:"";position:absolute;right:14px;top:50%;width:16px;height:16px;margin-top:-8px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat}@media (hover: hover){:root[data-design=d] .menu-item:hover:not([aria-pressed=true]){background-color:#ffffff0d}}:root[data-design=d] .menu[data-menu=filters]{padding:14px}:root[data-design=d] .filter-row{gap:12px}:root[data-design=d] .filter-label{min-width:54px;font-weight:500}:root[data-design=d] .filter-opts button.chip{padding:6px 11px;font-size:13px}:root[data-design=d] .sheet{--d-sheet-top: calc(var(--at-sheet-pad-top) + var(--at-sheet-flush-top) * var(--at-safe-top));--d-close-top: calc(var(--at-close-inset) + var(--at-sheet-flush-top) * var(--at-safe-top));--d-bar-h: calc(68px + var(--at-sheet-flush-top) * var(--at-safe-top));display:flex;flex-wrap:wrap;align-content:flex-start;background-color:var(--at-sheet-bg);background-image:linear-gradient(180deg,color-mix(in oklab,rgb(var(--cover-deep-rgb)) 58%,#0F0F13) 0,color-mix(in oklab,rgb(var(--cover-deep-rgb)) 30%,#0F0F13) 420px,color-mix(in oklab,rgb(var(--cover-deep-rgb)) 10%,#0F0F13) 820px,#0f0f13 1200px);background-attachment:scroll;box-shadow:var(--at-sheet-shadow),inset 0 1px #ffffff1a}:root[data-design=d] .sheet>*{flex:0 0 100%;box-sizing:border-box;min-width:0;animation:d-sheet-content .4s cubic-bezier(.2,1.16,.34,1)}:root[data-design=d] .sheet>.sheet-close{position:sticky;top:calc(var(--d-close-top) - var(--d-sheet-top));right:auto;z-index:4;flex:0 0 auto;margin:calc(var(--d-close-top) - var(--d-sheet-top)) calc(var(--at-close-inset) - var(--at-sheet-pad-x)) calc(var(--d-sheet-top) - var(--d-close-top) - var(--at-close-size)) auto}:root[data-design=d] .sheet-dock{position:sticky;top:calc(-1 * var(--d-sheet-top));z-index:2;isolation:isolate;display:flex;align-items:center;gap:12px;flex:0 0 auto;width:calc(100% + 2 * var(--at-sheet-pad-x));height:var(--d-bar-h);margin:calc(-1 * var(--d-sheet-top)) calc(-1 * var(--at-sheet-pad-x)) calc(var(--d-sheet-top) - var(--d-bar-h));padding:calc(var(--at-sheet-flush-top) * var(--at-safe-top)) calc(var(--at-close-inset) + var(--at-close-size) + 12px) 0 var(--at-sheet-pad-x)}:root[data-design=d] .sheet:not([data-dock=on]) .sheet-dock{visibility:hidden}:root[data-design=d] .sheet-dock:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;background:color-mix(in oklab,rgb(var(--cover-deep-rgb)) 56%,#0F0F13);box-shadow:inset 0 -1px #ffffff14,0 12px 24px -20px #000000e6}:root[data-design=d] .sheet-dock-thumb{flex:none;width:44px;height:44px;border-radius:calc(var(--at-sheet-cover-radius) * var(--d-dock-scale, .1667));object-fit:cover;opacity:0;background-color:rgb(var(--cover-rgb))}:root[data-design=d] .sheet-dock-text{display:flex;flex-direction:column;gap:1px;min-width:0}:root[data-design=d] .sheet-dock-title,:root[data-design=d] .sheet-dock-artist{opacity:0}:root[data-design=d] .sheet-dock-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--at-font-display);font-size:17px;font-weight:720;line-height:1.25;letter-spacing:-.012em;color:var(--at-ink)}:root[data-design=d] .sheet-dock-artist{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.3;color:var(--d-tint-ink)}:root[data-design=d] .sheet[data-dock=on]{scroll-padding-top:var(--d-bar-h);padding-bottom:calc(var(--at-sheet-pad-bottom) + var(--at-sheet-flush-bottom) * var(--at-safe-bottom) + var(--d-dock-pad, 0px))}:root[data-design=d] .sheet-art{position:relative;z-index:1;justify-content:center}:root[data-design=d] .sheet[data-dock=on] .sheet-art{position:sticky;top:0;z-index:3;pointer-events:none}@keyframes d-dock-shrink{to{transform:translate(var(--d-dock-dx),var(--d-dock-dy)) scale(var(--d-dock-scale))}}@keyframes d-dock-out{to{opacity:0}}@keyframes d-dock-in{0%{opacity:0}to{opacity:1}}@keyframes d-dock-text{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@supports (animation-timeline: scroll()){:root[data-design=d] .sheet[data-dock=on] .sheet-cover{transform-origin:0 0;will-change:transform,opacity;animation:d-dock-shrink linear both,d-dock-out linear both;animation-timeline:scroll(nearest block),scroll(nearest block);animation-range:0px var(--d-dock-s),var(--d-dock-s) calc(var(--d-dock-s) + 16px)}:root[data-design=d] .sheet[data-dock=on] .sheet-dock-thumb{animation:d-dock-in linear both;animation-timeline:scroll(nearest block);animation-range:calc(var(--d-dock-s) - 1px) var(--d-dock-s)}:root[data-design=d] .sheet[data-dock=on] .sheet-dock:before{will-change:opacity;animation:d-dock-in linear both;animation-timeline:scroll(nearest block);animation-range:calc(var(--d-dock-s) - 28px) var(--d-dock-s)}:root[data-design=d] .sheet[data-dock=on] .sheet-dock-title{animation:d-dock-text linear both;animation-timeline:scroll(nearest block);animation-range:var(--d-dock-t0) var(--d-dock-t1)}:root[data-design=d] .sheet[data-dock=on] .sheet-dock-artist{animation:d-dock-text linear both;animation-timeline:scroll(nearest block);animation-range:var(--d-dock-a0) var(--d-dock-a1)}:root[data-design=d] .sheet[data-dock=on] .sheet-head:before{will-change:opacity;animation:d-dock-out linear both;animation-timeline:scroll(nearest block);animation-range:0px calc(var(--d-dock-s) * .7)}@media (prefers-reduced-motion: reduce){:root[data-design=d] .sheet[data-dock=on] .sheet-art{position:relative;z-index:1}:root[data-design=d] .sheet[data-dock=on] .sheet-cover{animation:none;will-change:auto}:root[data-design=d] .sheet[data-dock=on] .sheet-dock-thumb{animation-range:calc(var(--d-dock-s) - 28px) var(--d-dock-s)}:root[data-design=d] .sheet[data-dock=on] .sheet-dock-title,:root[data-design=d] .sheet[data-dock=on] .sheet-dock-artist{animation-name:d-dock-in}}}:root[data-design=d] .sheet-head{position:relative;isolation:isolate}:root[data-design=d] .sheet-head:before{content:"";position:absolute;z-index:-1;pointer-events:none;left:calc(-1 * var(--at-sheet-pad-x));right:calc(-1 * var(--at-sheet-pad-x));top:calc(-1 * (var(--at-sheet-pad-top) + var(--at-sheet-cover-size) + var(--at-sheet-cover-gap)));height:calc(var(--at-sheet-pad-top) + var(--at-sheet-cover-size) / 2 + 240px);--d-light-at: 50% calc(var(--at-sheet-pad-top) + var(--at-sheet-cover-size) / 2);background:radial-gradient(ellipse 92% 270px at var(--d-light-at),oklch(from rgb(var(--cover-rgb)) l c h / clamp(.14,calc(.34 + c*.9 - (l*.18)),.5)),oklch(from rgb(var(--cover-rgb)) l c h / clamp(.05,calc(.12 + c*.3 - (l*.06)),.17)) 50%,transparent 85%),radial-gradient(ellipse 66% 200px at var(--d-light-at),oklch(from rgb(var(--cover-light-rgb)) l c h / clamp(0,calc((1 - l)*.32),.13)),transparent 80%)}:root[data-design=d] .sheet :focus-visible{outline-color:var(--d-tint-ink)}:root[data-design=d] .sheet-close{border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff24}:root[data-design=d] .sheet-close:active{background:var(--at-close-hover-bg)}:root[data-design=d] .sheet-head{column-gap:14px;grid-template-areas:"title title" "artist links"}:root[data-design=d] .sheet-head[data-links=false]{grid-template-areas:"title" "artist"}:root[data-design=d] .sheet-cover{background-color:rgb(var(--cover-rgb));outline:1px solid rgba(255,255,255,.08);outline-offset:-1px;box-shadow:0 2px 6px #0006,0 30px 60px -24px var(--d-glow),0 22px 40px -22px #000000e6}:root[data-design=d] .sheet-title{align-self:start;text-wrap:balance}:root[data-design=d] .sheet-artist{align-self:center;margin-top:2px;color:var(--d-tint-ink)}:root[data-design=d] .sheet-links{align-self:center;margin-top:2px}:root[data-design=d] .sheet .internalised-badge{vertical-align:3px;background:var(--d-vivid);color:#0d0d10}:root[data-design=d] .link-chip{border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff26,0 8px 18px -10px #000000e6;transition:background-color .16s ease}:root[data-design=d] .link-chip:active{background-color:#ffffff2e}:root[data-design=d] .link-chip[data-link=aoty]{--at-aoty-logo-w: 62%}:root[data-design=d] .link-icon{width:19px;height:19px}:root[data-design=d] .sheet-meta{margin-top:4px;font-variant-numeric:tabular-nums}:root[data-design=d] .sheet-meta>*+*:before{color:var(--at-ink-3)}:root[data-design=d] .sheet .tag{background-color:color-mix(in srgb,var(--d-tint) 15%,transparent);transition:background-color .14s ease}:root[data-design=d] .sheet .tag-vibe{background-color:transparent;border-color:color-mix(in srgb,var(--d-tint) 42%,transparent)}:root[data-design=d] .sheet button.tag:active{background-color:color-mix(in srgb,var(--d-tint) 30%,transparent)}:root[data-design=d] .tag-more:active{background-color:#ffffff1f}@media (hover: hover){:root[data-design=d] .sheet button.tag:hover{background-color:color-mix(in srgb,var(--d-tint) 26%,transparent)}:root[data-design=d] .sheet button.tag-vibe:hover{background-color:color-mix(in srgb,var(--d-tint) 12%,transparent)}}:root[data-design=d] .sheet-score,:root[data-design=d] .sheet-minutes{align-self:stretch;margin-top:18px;font-variant-numeric:tabular-nums}:root[data-design=d] .sheet-score{display:flex;flex-direction:column;align-items:flex-start;gap:4px}:root[data-design=d] .sheet-minutes{display:flex;flex-wrap:wrap;align-items:baseline}:root[data-design=d] .minutes-streamed{display:contents}:root[data-design=d] .minutes-num{order:1}:root[data-design=d] .minutes-unit{order:2;margin-left:4px}:root[data-design=d] .sheet-minutes:after{content:"";order:3;flex-basis:100%}:root[data-design=d] .minutes-label{order:4;margin-top:4px}:root[data-design=d] .minutes-rank{order:5;margin-top:4px}:root[data-design=d] .score-num,:root[data-design=d] .minutes-num{font-family:var(--at-font-display);font-size:var(--at-score-size);font-weight:var(--at-score-weight);line-height:.9;letter-spacing:-.02em;color:var(--at-ink)}:root[data-design=d] .score-count,:root[data-design=d] .minutes-unit,:root[data-design=d] .minutes-label,:root[data-design=d] .minutes-rank{font-size:12px;font-weight:500;line-height:1.2;color:var(--at-ink-2);white-space:nowrap}:root[data-design=d] .score-count:before,:root[data-design=d] .sheet-minutes>*+*:before{content:none}:root[data-design=d] .minutes-rank:before{content:"·";margin:0 5px}:root[data-design=d] .sheet>.sheet-score:has(+.sheet-minutes){flex-basis:calc(50% - 9px);align-items:center;text-align:center}:root[data-design=d] .sheet>.sheet-score+.sheet-minutes{flex-basis:calc(50% - 9px);margin-left:18px;position:relative;justify-content:center;text-align:center}:root[data-design=d] .sheet>.sheet-score:not(:has(+.sheet-minutes)),:root[data-design=d] .sheet>:not(.sheet-score)+.sheet-minutes{padding-left:13px}:root[data-design=d] .sheet>.sheet-score:has(+.sheet-actions[data-placement=stats]){flex:0 0 calc(50% - 9px)}:root[data-design=d] .sheet>.sheet-actions[data-placement=stats]{flex:0 0 calc(50% - 9px);margin:18px 0 0 18px;align-self:center;grid-template-columns:1fr}:root[data-design=d] .sheet>.sheet-score+.sheet-minutes:before{content:"";position:absolute;top:0;bottom:0;left:-9.5px;width:1px;background:#ffffff1f}:root[data-design=d] .tracklist{counter-reset:d-track;margin-top:18px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}:root[data-design=d] .track{min-height:36px;gap:10px;counter-increment:d-track}:root[data-design=d] .track:before{content:counter(d-track);flex:0 0 20px;text-align:right;font-size:var(--at-track-num-size);color:var(--at-ink-2);font-variant-numeric:tabular-nums}:root[data-design=d] .track-name{flex:1 1 auto}:root[data-design=d] .track-bar{flex:0 0 36px}:root[data-design=d] .track-bar-fill{width:100%;background:color-mix(in srgb,var(--d-vivid) clamp(4%,calc((var(--score) - .62) * 150%),46%),transparent)}:root[data-design=d] .track-score{flex:0 0 36px;margin-left:-46px;text-align:center;font-weight:600}:root[data-design=d] .track-dur{min-width:38px}:root[data-design=d] .sheet-actions{margin-top:26px;gap:10px}:root[data-design=d] .sheet-actions .action>button,:root[data-design=d] .hold-btn{min-height:50px;border-color:color-mix(in srgb,var(--d-tint) 36%,transparent);background-color:color-mix(in srgb,var(--d-tint) 9%,transparent);transition:background-color .16s ease,border-color .16s ease}:root[data-design=d] .sheet-actions .action>button:active:not(:disabled){background-color:color-mix(in srgb,var(--d-tint) 20%,transparent)}:root[data-design=d] .sheet-actions .action>button{text-wrap:balance}:root[data-design=d] .sheet-actions .action[data-variant=primary]>button{color:#0d0d10;background-color:var(--d-vivid);border-color:transparent}@media (hover: hover){:root[data-design=d] .sheet-actions .action>button:hover:not(:disabled),:root[data-design=d] .hold-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--d-tint) 64%,transparent)}}:root[data-design=d] .sheet .caption{font-size:12.5px;color:var(--at-ink-2)}:root[data-design=d] .hold-row{margin-top:10px;padding-bottom:0}:root[data-design=d] .hold-btn[data-state=holding]{border-color:color-mix(in srgb,var(--d-tint) 88%,transparent);background-color:color-mix(in srgb,var(--d-tint) 17%,transparent)}:root[data-design=d] .hold-btn[data-state=done],:root[data-design=d] .hold-btn[data-state=done]:disabled{color:var(--d-tint-ink);border-color:color-mix(in srgb,var(--d-tint) 70%,transparent);background-color:color-mix(in srgb,var(--d-tint) 12%,transparent)}:root[data-design=d] .hold-ring{left:calc(50% - 86px)}:root[data-design=d] .hold-ring-track{stroke:color-mix(in srgb,var(--d-tint) 24%,transparent)}:root[data-design=d] .hold-ring-arc,:root[data-design=d] .hold-ring-check{stroke:var(--d-vivid)}:root[data-design=d] .bottom-nav{width:auto;margin:0 max(14px,var(--at-safe-right)) calc(var(--d-dock-gap) + var(--at-safe-bottom)) max(14px,var(--at-safe-left));padding:var(--at-nav-pad-top) var(--at-nav-pad-x) var(--at-nav-pad-bottom);border:1px solid var(--at-nav-line);border-radius:999px;-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5)}:root[data-design=d] .nav-btn{transition:background-color .2s ease,color .2s ease}:root[data-design=d] .nav-btn:not([aria-current=true]):active{background-color:#ffffff12}@media (hover: hover){:root[data-design=d] .nav-btn:not([aria-current=true]):hover{color:var(--at-ink)}}@media (min-width: 481px){:root[data-design=d] .bottom-nav{align-self:center;width:min(420px,calc(100% - 28px));margin-left:auto;margin-right:auto}}