::view-transition-group(explore-tab-indicator){animation-duration:.28s;animation-timing-function:cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){::view-transition-group(explore-tab-indicator){animation-duration:0s}}@scope(.social-app){:scope.lists-page{--page-color:var(--cream);--page-accent:var(--lilac)}.page>.collection-tabs{border-bottom:1px solid #1e1e1540;gap:24px;margin:0 0 32px;display:flex}.page>.collection-tabs a{border-bottom:3px solid #0000;padding:12px 4px;text-decoration:none}.page>.collection-tabs a[aria-current]{border-color:var(--ink);font-weight:600}.page>.explore-tabs a{border-bottom-color:#0000;position:relative}.explore-tab-indicator{background:var(--ink);view-transition-name:explore-tab-indicator;height:3px;position:absolute;inset:auto 0 -3px}.page>.collection-tabs+.profile-record-room .collection-controls{border-top:0}.list-heading{max-width:1000px}.list-heading h1,.list-editor-heading h1{overflow-wrap:anywhere}.list-heading .actions{margin-top:24px}.list-description{white-space:pre-line}.lists-section-heading{flex-wrap:wrap;gap:20px;margin-bottom:24px}.list-create-dialog{border:1px solid var(--ink);overscroll-behavior:contain;background:var(--lilac);width:min(540px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--ink);margin:auto;padding:0;position:fixed;inset:0;overflow-y:auto}:scope:has(.list-create-dialog[open]){overflow:clip}.list-create-dialog::backdrop{background:#1e1e1580}.list-create-content{padding:32px}.list-create-content h2,.list-create-content p{margin:0}.list-create-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.list-create-heading h2{font-size:40px}.list-create-close{flex:none;place-items:center;width:44px;height:44px;display:grid}.list-create-close:hover{background:var(--cream)}.list-create-dialog .list-editor-visibility{justify-content:space-between;padding:0}.list-create-dialog .list-editor-visibility .sharing-panel{max-width:none;inset:auto 0 calc(100% + 10px) auto}.list-create-dialog :is(input,textarea):focus-visible{outline:1px solid var(--ink);outline-offset:-1px;background:var(--cream)}.list-create-actions{border-top:1px solid #1e1e1540;justify-content:space-between;padding-top:20px}.list-create-actions .text-button{min-height:44px}.list-card{flex-direction:column;display:flex}.list-cards .list-card:nth-child(2n){background:var(--lilac)}:scope.explore-page .list-cards .list-card:nth-child(2n){background:var(--cream)}.list-card-owner{width:fit-content;font-size:15px}.list-card .collection-preview-caption{flex-direction:column;flex:1;gap:12px;display:flex}.list-card-placeholder{border:1px dashed #1e1e1580;place-items:center;width:112px;height:112px;display:grid;transform:rotate(-8deg)}.list-card .list-card-description{-webkit-line-clamp:3;white-space:pre-line;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.list-card-footer{align-items:center;gap:12px;margin-top:auto;padding-top:12px;font-size:13px;display:flex}.list-card-footer .visibility-badge{margin-right:auto}.list-card-footer>span{white-space:nowrap}.list-card-footer>svg{flex:none}.list-empty{max-width:50ch;padding:32px 0}.list-empty h3{font-size:32px}.list-editor-heading{margin-bottom:32px}.list-editor-heading h1{margin-block:12px;font-size:clamp(38px,4vw,54px)}.list-metadata{border-bottom:1px solid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px;padding-bottom:28px;display:grid}.list-metadata label{align-content:start}.list-edit-metadata{border-bottom:1px solid #1e1e1540;margin-bottom:24px}.list-edit-metadata .list-metadata{border:0;margin-top:12px;margin-bottom:0}.list-editor-visibility{flex-wrap:wrap;align-items:center;gap:8px 24px;padding-bottom:24px;display:flex;position:relative}.list-editor-visibility .collection-sharing{position:static}.list-editor-visibility .sharing-panel{max-width:100%;scroll-margin-block:24px;top:calc(100% - 14px)}.record-list-actions{width:fit-content;margin-block:20px;position:relative}.record-list-actions>summary{background:var(--ink);color:var(--cream);cursor:pointer;border:1px solid;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;list-style:none;display:inline-flex}.record-list-actions>summary::-webkit-details-marker{display:none}.record-list-actions>summary:hover{opacity:.85}.record-list-actions[open]>summary>svg:last-child{transform:rotate(180deg)}.record-list-panel{z-index:30;background:var(--cream);width:320px;max-width:calc(100vw - 48px);color:var(--ink);border:1px solid #1e1e1530;border-radius:12px;padding:8px;font-size:15px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 8px 24px #1e1e1526}.record-list-panel h2{margin:0;font-size:24px}.record-list-panel form{gap:16px;padding:8px}.record-list-heading{align-items:center;gap:10px;display:flex}.record-list-heading button{border-radius:6px;place-items:center;width:36px;height:36px;display:grid}.record-list-panel .list-editor-visibility{gap:8px;padding-bottom:0;font-size:13px;display:grid}.record-list-panel .list-editor-visibility .sharing-panel{top:calc(100% + 8px)}.record-list-panel form>.button{justify-self:stretch;padding:10px 14px;font-size:14px}.record-list-options{max-height:240px;overflow-y:auto}.record-list-options label,.record-list-new{text-align:left;cursor:pointer;border-radius:6px;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px 12px;font-size:15px;display:flex}.record-list-options span{overflow-wrap:anywhere}.record-list-options .visibility-badge{flex:none;margin-left:auto;display:flex}.record-list-options input{appearance:none;border:1px solid var(--ink);background:var(--cream);width:20px;height:20px;min-height:0;cursor:inherit;border-radius:4px;flex:none;place-content:center;margin:0;padding:0;display:grid}.record-list-options input:checked{background:var(--ink)}.record-list-options input:checked:before{content:"";border:solid var(--cream);border-width:0 2px 2px 0;width:6px;height:11px;transform:translateY(-1px)rotate(45deg)}.record-list-options label:has(input:disabled){cursor:wait}.record-list-options label:hover,.record-list-new:hover,.record-list-heading button:hover{background:var(--lilac)}.record-list-new{border-top:1px solid #1e1e1526;border-radius:0 0 6px 6px;margin-top:6px}.record-list-feedback,.record-list-panel .field-error,.record-list-options>p{margin:8px 12px;font-size:13px}.record-list-feedback:empty{display:none}.list-metadata small,.list-create label small{display:inline}.record-picker{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px;display:grid}.picker-step-title,.picker-selection h2{align-items:center;gap:12px;margin:0;font-size:28px;display:flex}.picker-step-title>span,.picker-step-number{background:var(--ink);width:28px;height:28px;color:var(--cream);border-radius:50%;flex-shrink:0;place-items:center;font:14px Club Sans,sans-serif;display:grid}.picker-search{background:#fffdf180;border:1px solid;align-items:center;gap:12px;padding:0 14px;display:flex}.picker-search input{background:0 0;border:0;padding-inline:0}.picker-search:focus-within{outline-offset:3px;outline:2px solid}.picker-search input:focus-visible{outline:none}.picker-results>.muted{margin:16px 0}.picker-row{border-bottom:1px solid #1e1e1530;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 0;display:grid}.picker-row img,.list-record-toggle img{object-fit:cover;aspect-ratio:1}.picker-record-text{overflow-wrap:anywhere;text-align:left;gap:2px;min-width:0;display:grid}.picker-record-text strong{font-weight:600;line-height:1.25}.picker-record-text small{font-size:12px}.picker-add{background:0 0;border:1px solid;border-radius:30px;justify-content:center;align-items:center;gap:6px;min-width:86px;min-height:44px;padding:8px 12px;display:flex}.picker-add:hover:not(:disabled){background:var(--ink);color:var(--cream)}.picker-add.is-added{background:var(--acid);opacity:1;cursor:default}.picker-selection{background:var(--lilac);padding:24px;position:sticky;top:24px}.picker-selection .list-empty{padding:8px 0}.picker-selection>.muted{margin-top:8px}.selection-count{margin:20px 0 0;font-size:13px;font-weight:600}.picker-selection ol{scrollbar-gutter:stable;max-height:48vh;margin:8px -8px 0;padding:0 8px;list-style:none;overflow-y:auto}.picker-selection li{background:var(--lilac);border-top:1px solid #1e1e1530;grid-template-columns:32px 16px 44px minmax(0,1fr) 36px;align-items:center;gap:8px;padding:14px 0;display:grid;position:relative}.picker-selection li.is-dragging{z-index:2;background:var(--cream);outline:1px solid var(--ink);box-shadow:0 4px 12px #1e1e1530}.picker-selection li img{object-fit:cover}.selection-number{padding-top:3px;font-size:12px}.selection-drag,.selection-remove{background:0 0;place-items:center;width:36px;height:44px;display:grid}.selection-drag{cursor:grab;touch-action:none;width:32px}.selection-drag:active{cursor:grabbing}.selection-drag:hover,.selection-remove:hover{background:var(--cream)}.selection-drag:focus-visible,.selection-remove:focus-visible{outline-offset:1px}.picker-pagination{margin-top:24px}.picker-footer{z-index:5;background:var(--cream);border-top:1px solid;justify-content:flex-end;align-items:center;gap:20px;margin:32px -1px -40px;padding:18px 0;display:flex;position:sticky;bottom:0}.picker-mobile-tabs{display:none}.list-content{max-width:1000px}.list-content.with-sharing{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:start;gap:48px;max-width:none;display:grid}.list-records{margin:0;padding:0;list-style:none}.list-record-card{border-top:1px solid}.list-record-card:last-child{border-bottom:1px solid}.list-record-toggle{text-align:left;grid-template-columns:28px 96px minmax(0,1fr) 24px;align-items:center;gap:20px;width:100%;padding:24px 0;display:grid}.list-record-toggle:hover{background:#dbee8d70}.list-record-number{font-size:13px}.list-record-toggle strong{font:700 30px/1.1 Club Display,sans-serif}.list-sharing{background:var(--lilac);padding:28px}.list-sharing h2{margin-top:0;font-size:32px}.list-sharing .stack{gap:16px}.list-sharing-pending{margin:0;font-size:13px;font-weight:600}.list-sharing-explanation{margin:0;font-size:14px}.list-delete{margin-top:28px}.list-record-details{padding:0 24px 28px 48px}.list-record-details .listening-title{margin:12px 0;font-size:38px}.list-record-details .listening-artists{flex-wrap:wrap;gap:8px;display:flex}.list-record-details .record-facts{flex-wrap:wrap;gap:16px;display:flex}.list-record-details .album-listen-links{gap:16px;margin:20px 0;display:flex}.list-record-details .album-listen-links a{place-items:center;min-width:44px;min-height:44px;display:grid}.list-record-details .listening-tracklist ol{margin:16px 0 0;padding:0;list-style:none}.list-record-details .listening-tracklist li{border-top:1px solid #1e1e1530;gap:16px;padding:10px 0;display:flex}.list-record-details .track-name{flex:1}.list-record-details .track-name small{display:block}@media (width<=850px){.list-content.with-sharing{grid-template-columns:1fr;gap:32px}.record-picker{grid-template-columns:minmax(0,1fr);gap:20px}.picker-selection{padding:18px}.list-metadata,.record-picker{grid-template-columns:minmax(0,1fr)}.list-metadata{gap:16px}.picker-mobile-tabs{gap:12px;margin:24px 0;display:flex}.picker-mobile-tabs button{border-bottom:3px solid #0000;min-height:44px;padding:8px 4px}.picker-mobile-tabs button[aria-pressed=true]{border-color:var(--ink);font-weight:600}.picker-selection{display:none;position:static}.record-picker.reviewing .picker-selection{display:block}.record-picker.reviewing .picker-results{display:none}.picker-selection ol{max-height:none}}@media (width<=620px){.list-create-content{padding:24px}.picker-row{grid-template-columns:48px minmax(0,1fr) auto;gap:10px}.picker-row img{width:48px;height:48px}.picker-add{min-width:70px;padding:6px;font-size:14px}.picker-footer{gap:12px;padding:14px 16px}.picker-footer .actions{gap:8px}.picker-footer .button{padding:10px 16px;font-size:14px}.list-record-toggle{grid-template-columns:18px 64px minmax(0,1fr) 20px;gap:12px;padding:18px 0}.list-record-toggle img{width:64px;height:64px}.list-record-toggle strong{font-size:24px}.list-record-details{padding-inline:0}.list-sharing{padding:22px}}}