.list-page{--list-ink-mid:var(--color-muted);--list-ink-low:var(--color-faint);--list-line:rgb(var(--ink-rgb) / .08);--list-fill:rgb(var(--ink-rgb) / .05);--list-ms-300:calc(var(--motion-fast) * 1.2);--list-ms-350:calc(var(--motion-fast) * 1.4);--list-ms-450:calc(var(--motion-medium) * 1.125);--list-ms-500:calc(var(--motion-medium) * 1.25);--list-ms-550:calc(var(--motion-medium) * 1.375);--list-ms-900:calc(var(--motion-slow) * 1.125);--list-rise-index:0;isolation:isolate;gap:0;min-width:0;padding:0;position:relative}.list-page__shell{z-index:1;width:100%;min-width:0;max-width:82.5rem;margin:0 auto;padding:1.875rem 3.5rem 8.75rem;position:relative}.list-page .list-page__back{-webkit-backdrop-filter:blur(.875rem);backdrop-filter:blur(.875rem);background:rgb(var(--color-bg-rgb) / .55);border:1px solid var(--list-line);height:2.75rem;transition:background var(--list-ms-350) var(--ease-standard), transform var(--list-ms-350) var(--ease-standard);width:2.75rem}.list-page .list-page__back:is(:hover,:focus-visible):not(:disabled){background:rgb(var(--ink-rgb) / .14);border-color:var(--list-line);transform:translate(-3px)}.list-kicker{color:var(--color-accent-strong);font-size:.8125rem;font-weight:var(--font-weight-semibold);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.75rem;margin:0;display:inline-flex}.list-kicker__part{align-items:center;gap:.75rem;display:inline-flex}.list-kicker__sep{opacity:.4;background:currentColor;flex:none;width:1px;height:.75em}.list-kicker__rule{background:linear-gradient(90deg, transparent, var(--color-accent-strong));flex:none;width:1.75rem;height:1px}.list-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;padding-top:1.125rem;display:flex}.list-page-header__copy{min-width:0}.list-page-header__title{font-size:clamp(3rem,4.8vw,4.5rem);font-weight:var(--font-weight-bold);letter-spacing:-.04em;margin:.75rem 0 0;line-height:1}.list-page-header__title--serif{font-family:var(--font-serif);font-weight:var(--font-weight-semibold);letter-spacing:-.025em}.list-page-header__actions{align-items:center;gap:.625rem;display:flex}.list-facts{flex-wrap:wrap;gap:.5rem;margin:1.125rem 0 0;padding:0;list-style:none;display:flex}.list-fact{background:var(--list-fill);border:1px solid var(--list-line);border-radius:var(--radius-pill);color:var(--list-ink-mid);white-space:pre;align-items:center;gap:.375rem;height:2rem;padding:0 .8125rem;font-size:.8125rem;display:inline-flex}.list-fact b{color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:650}.list-fact--press{cursor:pointer;transition:background var(--list-ms-300) var(--ease-standard), border-color var(--list-ms-300) var(--ease-standard), transform var(--list-ms-300) var(--ease-standard)}.list-fact--press:is(:hover,:focus-visible){background:rgb(var(--color-accent-rgb) / .12);border-color:rgb(var(--color-accent-rgb) / .45);transform:translateY(-2px)}.list-primary{background:var(--color-accent);border-radius:var(--radius-pill);box-shadow:0 .875rem 2.25rem -.75rem rgb(var(--color-accent-rgb) / .85);color:#fff;cursor:pointer;font:inherit;height:3rem;transition:background var(--list-ms-300) var(--ease-standard), box-shadow var(--list-ms-300) var(--ease-standard), transform var(--list-ms-350) var(--ease-standard);white-space:nowrap;border:0;justify-content:center;align-items:center;gap:.625rem;padding:0 1.5rem 0 1.25rem;font-size:.9375rem;font-weight:650;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.list-primary:after{animation:list-shimmer calc(var(--motion-slow) * 5.25) var(--ease-emphasised) infinite;content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:40%;position:absolute;inset:0 auto 0 0}.list-primary:disabled{cursor:default;opacity:.45}.list-primary:not(:disabled):is(:hover,:focus-visible){background:var(--color-accent-strong);box-shadow:0 1.25rem 2.75rem -.75rem rgb(var(--color-accent-rgb) / .95);transform:translateY(-2px)scale(1.02)}.list-primary:not(:disabled):active{transform:scale(.97)}.list-primary--large{height:3.375rem;padding:0 1.875rem 0 1.5rem;font-size:1rem}.list-primary--small{height:2.5rem;padding:0 1.125rem;font-size:.875rem}.list-primary--danger,.list-primary--danger:not(:disabled):is(:hover,:focus-visible){background:var(--color-danger);box-shadow:none}.list-primary--danger:not(:disabled):is(:hover,:focus-visible){filter:brightness(1.12)}.list-primary--small:after{display:none}.list-chip{background:rgb(var(--ink-rgb) / .06);border:1px solid rgb(var(--ink-rgb) / .1);border-radius:var(--radius-pill);color:var(--color-text);cursor:pointer;font:inherit;font-size:.875rem;font-weight:var(--font-weight-semibold);height:2.875rem;transition:background var(--list-ms-300) var(--ease-standard), border-color var(--list-ms-300) var(--ease-standard), transform var(--list-ms-300) var(--ease-standard);white-space:nowrap;align-items:center;gap:.5625rem;padding:0 1.125rem;text-decoration:none;display:inline-flex}.list-chip--small{height:2.5rem;padding:0 .9375rem;font-size:.84375rem}.list-chip:disabled{cursor:default;opacity:.45}.list-chip:not(:disabled):is(:hover,:focus-visible){background:rgb(var(--ink-rgb) / .11);transform:translateY(-2px)}.list-chip--danger:not(:disabled):is(:hover,:focus-visible){background:rgb(var(--color-danger-rgb) / .16);border-color:rgb(var(--color-danger-rgb) / .55);color:var(--color-danger)}.list-icon-button{background:rgb(var(--ink-rgb) / .06);border:1px solid rgb(var(--ink-rgb) / .1);color:var(--color-text);cursor:pointer;height:2.875rem;transition:background var(--list-ms-300) var(--ease-standard);border-radius:50%;place-items:center;width:2.875rem;display:inline-grid}.list-icon-button:disabled{cursor:default;opacity:.45}.list-icon-button:not(:disabled):is(:hover,:focus-visible){background:rgb(var(--ink-rgb) / .12)}.list-icon-button--spin svg{animation:list-spin var(--motion-slow) var(--ease-standard)}:where(.list-page) :is(.list-primary,.list-chip,.list-icon-button,.list-fact--press,.list-spotlight__step):focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.list-warning{background:rgb(var(--color-danger-rgb) / .1);border:1px solid rgb(var(--color-danger-rgb) / .45);color:var(--color-muted);border-radius:1.125rem;align-items:center;gap:1rem;margin-top:2.25rem;padding:1.125rem 1.25rem;display:flex}.list-warning>svg{color:var(--color-danger);flex:none}.list-warning__copy{flex:1;gap:.1875rem;font-size:.875rem;display:grid}.list-warning__copy strong{color:var(--color-text);font-size:.9375rem}.list-section{margin-top:4rem}.list-section__head{justify-content:space-between;align-items:flex-end;gap:1.25rem;margin-bottom:1.5rem;display:flex}.list-section .section-heading__kicker{color:var(--list-ink-low);margin:0}.list-section__head h2{letter-spacing:-.02em;margin:.4375rem 0 0;font-size:1.75rem;font-weight:650}.list-section .section-heading__title{align-items:baseline;gap:.625rem}.list-section .section-heading__count{color:var(--list-ink-low);letter-spacing:0;font-size:.875rem}.list-section__description{color:var(--list-ink-mid);max-width:45rem;margin:-.625rem 0 1.375rem;font-size:.9375rem;line-height:1.55}.list-spotlight{-webkit-backdrop-filter:blur(1.5rem);backdrop-filter:blur(1.5rem);background:linear-gradient(180deg, rgb(var(--color-surface-raised-rgb) / .62), rgb(var(--color-surface-rgb) / .5));border:1px solid rgb(var(--ink-rgb) / .08);border-radius:1.75rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2.75rem;margin-top:2.125rem;padding:1.875rem 2.125rem 1.875rem 1.875rem;display:grid;position:relative;box-shadow:0 1.875rem 5rem -2.5rem #000000e6}.list-spotlight__cover{width:14.75rem}.list-spotlight__cover--square{width:17.25rem}.list-spotlight__body{min-width:0}.list-spotlight__body--from-next{animation:list-spotlight-from-next calc(var(--motion-medium) * 1.4) var(--ease-standard) backwards}.list-spotlight__body--from-previous{animation:list-spotlight-from-previous calc(var(--motion-medium) * 1.4) var(--ease-standard) backwards}.list-spotlight__title{font-size:clamp(2.125rem,3.4vw,3.25rem);font-weight:var(--font-weight-bold);letter-spacing:-.035em;text-wrap:balance;margin:.75rem 0 0;line-height:1.04}.list-spotlight__title--serif{font-family:var(--font-serif);font-weight:var(--font-weight-semibold);letter-spacing:-.02em}.list-spotlight__subtitle{color:var(--list-ink-mid);margin:.5rem 0 0;font-size:1rem}.list-spotlight__actions{flex-wrap:wrap;align-items:center;gap:.625rem;margin-top:1.5rem;display:flex}.list-spotlight__peek{margin-top:1.375rem}.list-spotlight__nav{flex-direction:column;align-items:flex-end;gap:.625rem;display:flex;position:absolute;top:1.375rem;right:1.375rem}.list-spotlight__controls{align-items:center;gap:.5rem;display:flex}.list-spotlight__position{color:var(--list-ink-low);font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:var(--font-weight-medium);letter-spacing:.04em}.list-spotlight__position b{color:var(--color-text);font-weight:var(--font-weight-semibold)}.list-spotlight__dots{transition:translate calc(var(--motion-medium) * 1.3) var(--ease-settle);align-items:center;gap:.375rem;margin-right:.375rem;display:flex}.list-spotlight__dot{background:rgb(var(--ink-rgb) / .22);border-radius:var(--radius-pill);height:.4375rem;transition:background var(--list-ms-300) var(--ease-standard), width var(--list-ms-450) var(--ease-standard);width:.4375rem}.list-spotlight__dot.is-lit{background:var(--color-accent);width:1.375rem}.list-spotlight__dot.is-edge{background:rgb(var(--ink-rgb) / .12);width:.25rem;height:.25rem}.list-spotlight__step{background:var(--list-fill);border:1px solid var(--list-line);color:var(--list-ink-mid);cursor:pointer;height:2.375rem;transition:background var(--list-ms-300) var(--ease-standard), color var(--list-ms-300) var(--ease-standard), transform var(--list-ms-350) var(--ease-standard);border-radius:50%;place-items:center;width:2.375rem;display:inline-grid}.list-spotlight__step:not(:disabled):is(:hover,:focus-visible){background:rgb(var(--ink-rgb) / .11);color:var(--color-text)}.list-spotlight__step:first-of-type:not(:disabled):is(:hover,:focus-visible){transform:translate(-2px)}.list-spotlight__step:last-of-type:not(:disabled):is(:hover,:focus-visible){transform:translate(2px)}.list-spotlight__step:disabled{cursor:default;opacity:.35}.list-spotlight__artwork{aspect-ratio:1;border-radius:1rem;position:relative;overflow:hidden}.list-spotlight__cover:not(.list-spotlight__cover--square) .list-spotlight__artwork{aspect-ratio:auto;height:22.125rem}.list-spotlight__artwork>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.list-credit{background:var(--list-fill);border:1px solid var(--list-line);border-radius:var(--radius-pill);align-items:center;gap:.625rem;margin-top:1rem;padding:.375rem .875rem .375rem .375rem;display:inline-flex}.list-credit__avatar{background:linear-gradient(140deg, rgb(var(--ink-rgb) / .3), rgb(var(--ink-rgb) / .1));color:var(--color-text);font-size:.75rem;font-weight:var(--font-weight-bold);border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid}.list-credit small{color:var(--list-ink-low);font-size:.6875rem;display:block}.list-credit b{font-size:.875rem;font-weight:var(--font-weight-semibold)}.list-peek{flex-wrap:wrap;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.list-peek__item{background:rgb(var(--ink-rgb) / .04);border:1px solid var(--list-line);border-radius:.875rem;align-items:center;gap:.625rem;min-width:0;max-width:16.25rem;padding:.375rem .875rem .375rem .375rem;display:flex}.list-peek__picture{aspect-ratio:16/9;background:var(--color-surface);border-radius:.4375rem;flex:none;width:4rem;display:block;position:relative;overflow:hidden}.list-peek__picture--portrait{aspect-ratio:2/3;width:2.125rem}.list-peek__picture img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.list-peek__text{font-size:.8125rem;font-weight:var(--font-weight-semibold);flex-direction:column;min-width:0;display:flex}.list-peek__text small{color:var(--list-ink-low);font-size:.71875rem;font-weight:var(--font-weight-medium)}.list-peek__text small,.list-peek__text>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes list-spotlight-from-next{0%{opacity:0;translate:2.125rem}}@keyframes list-spotlight-from-previous{0%{opacity:0;translate:-2.125rem}}.list-rise{animation:list-rise calc(var(--motion-slow) * .95) var(--ease-emphasised) backwards;animation-delay:calc(var(--motion-slow) * .05 + var(--list-rise-index,0) * var(--motion-slow) * .075)}.list-rise-card{animation:list-rise-card calc(var(--motion-slow) * .875) var(--ease-emphasised) backwards;animation-delay:calc(var(--motion-slow) * .25 + var(--list-rise-index,0) * var(--motion-slow) * .0425)}@keyframes list-rise{0%{opacity:0;transform:translateY(1.125rem)}to{opacity:1;transform:none}}@keyframes list-rise-card{0%{opacity:0;transform:translateY(1.625rem)scale(.97)}to{opacity:1;transform:none}}@keyframes list-shimmer{0%{transform:translate(-120%)skew(-20deg)}60%,to{transform:translate(320%)skew(-20deg)}}@keyframes list-spin{to{transform:rotate(360deg)}}.list-invite{grid-column:span 3;align-self:center;min-width:0;padding:.5rem 0 0 .5rem}.list-invite h3{letter-spacing:-.02em;margin:0;font-size:1.625rem;font-weight:650}.list-invite p{color:var(--list-ink-mid);max-width:35rem;margin:.625rem 0 1.125rem;line-height:1.6}.list-invite__ideas{flex-wrap:wrap;gap:.5rem;display:flex}.list-empty{background:linear-gradient(180deg, rgb(var(--color-surface-raised-rgb) / .6), rgb(var(--color-surface-rgb) / .5));border:1px solid var(--list-line);border-radius:1.375rem;align-items:center;gap:1.375rem;margin-top:2.5rem;padding:1.75rem;display:flex}.list-empty__icon{background:rgb(var(--color-accent-rgb) / .12);border:1px solid rgb(var(--color-accent-rgb) / .35);color:var(--color-accent-strong);border-radius:1.125rem;flex:none;place-items:center;width:4rem;height:4rem;display:grid}.list-empty h3{margin:0;font-size:1.25rem;font-weight:650}.list-empty p{color:var(--list-ink-mid);max-width:38.75rem;margin:.375rem 0 0;font-size:.90625rem;line-height:1.6}@media (width<=68.75rem){.list-spotlight{grid-template-columns:minmax(0,1fr);gap:1.5rem}.list-invite{grid-column:1/-1}}@media (width<=53.75rem){.list-page__shell{padding:1.25rem 1rem 6.25rem}.list-spotlight{padding:1.25rem}.list-spotlight__nav{align-items:flex-start;margin-top:.75rem;position:static}.list-empty{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.list-spotlight__dots{transition:none}.list-spotlight__body--from-next,.list-spotlight__body--from-previous,.list-primary:after,.list-icon-button--spin svg,.list-rise,.list-rise-card{animation:none}}:root[data-quven-reduced-motion=true] :is(.list-rise,.list-rise-card),:root[data-quven-reduced-motion=true] .list-primary:after{animation:none}.list-search{width:22.5rem;max-width:100%;position:relative}.list-search--wide{width:100%}.list-search__lens{color:var(--list-ink-low);pointer-events:none;position:absolute;top:50%;left:1rem;translate:0 -50%}.list-search input{background:var(--list-fill);border:1px solid var(--list-line);border-radius:var(--radius-pill);color:var(--color-text);font:inherit;height:3rem;transition:background var(--list-ms-300) var(--ease-standard), border-color var(--list-ms-300) var(--ease-standard), box-shadow var(--list-ms-300) var(--ease-standard);outline:none;width:100%;padding:0 2.875rem;font-size:.90625rem}.list-search input::-webkit-search-cancel-button{display:none}.list-search input:focus{background:rgb(var(--ink-rgb) / .07);border-color:rgb(var(--color-accent-rgb) / .6);box-shadow:0 0 0 4px rgb(var(--color-accent-rgb) / .14)}.list-search__clear{background:rgb(var(--ink-rgb) / .08);color:var(--list-ink-mid);cursor:pointer;border:0;border-radius:50%;place-items:center;width:1.875rem;height:1.875rem;display:inline-grid;position:absolute;top:50%;right:.5625rem;translate:0 -50%}@media (width<=53.75rem){.list-search{width:100%}}
