.mylist{position:relative;padding-top:2.75rem;padding-bottom:3.5rem;isolation:isolate}.mylist:before{content:"";position:absolute;inset:-2rem -8% auto;height:22rem;z-index:-1;background:radial-gradient(ellipse 55% 70% at 12% 30%,rgba(218,170,95,.22),transparent 70%),radial-gradient(ellipse 45% 60% at 88% 20%,rgba(56,168,188,.14),transparent 68%),radial-gradient(ellipse 40% 50% at 50% 90%,rgba(249,241,208,.55),transparent 70%);pointer-events:none}.mylist__head{margin-bottom:1.75rem;max-width:40rem;padding:1.25rem 1.35rem;border-radius:16px;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.42);backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);box-shadow:0 18px 40px rgba(34,31,31,.06),inset 0 1px 0 rgba(255,255,255,.7)}.mylist__head h1{margin-top:.2rem;font-size:clamp(2.2rem,4.5vw,3rem);letter-spacing:.08em;text-transform:uppercase}.mylist__lead{margin-top:.65rem;color:var(--ab-text-soft)}.mylist__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:1.15rem .9rem;gap:1.15rem .9rem}.mylist__grid .title-card{padding:.55rem;border-radius:14px;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.38);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 12px 28px rgba(34,31,31,.06),inset 0 1px 0 rgba(255,255,255,.65);transition:transform .25s var(--ease-out),box-shadow .25s ease,background .25s ease}.mylist__grid .title-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.55);box-shadow:0 18px 36px rgba(34,31,31,.1),inset 0 1px 0 rgba(255,255,255,.8)}.mylist__grid .title-card__media{border-radius:10px}.mylist__empty{display:grid;grid-gap:1rem;gap:1rem;justify-items:start;color:var(--ab-muted);padding:1.5rem 1.35rem;border-radius:16px;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.4);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 14px 32px rgba(34,31,31,.05)}@media (max-width:560px){.mylist{padding-top:1.5rem}.mylist__head{padding:1rem 1.05rem}.mylist__head h1{font-size:clamp(1.75rem,7vw,2.2rem)}.mylist__grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:1rem .7rem}}