.pd-night{background:radial-gradient(70% 95% at 18% 22%, rgb(var(--color-solid-blue-600) / .42) 0%, rgb(var(--color-solid-deep-blue-700) / .16) 46%, transparent 74%), radial-gradient(52% 70% at 92% 108%, rgb(var(--color-solid-cyan-600) / .18), transparent 70%), radial-gradient(50% 70% at 100% 0%, rgb(var(--color-solid-deep-blue-600) / .3), transparent 70%), rgb(var(--color-solid-blue-900))}.pd-grain{z-index:-1;pointer-events:none;opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.pd-chip{background:rgb(var(--color-solid-neutral-0) / .08);box-shadow:inset 0 0 0 1px rgb(var(--color-solid-neutral-0) / .14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pd-chip:hover{background:rgb(var(--color-solid-neutral-0) / .14)}.pd-panel{background:linear-gradient(180deg, rgb(var(--color-solid-neutral-0) / .12), rgb(var(--color-solid-neutral-0) / .05));box-shadow:inset 0 0 0 1px rgb(var(--color-solid-neutral-0) / .12), inset 0 1px 0 rgb(var(--color-solid-neutral-0) / .2);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%)}.pd-shimmer{background:rgb(var(--color-solid-neutral-0) / .12)}.pd-stop-from{stop-color:rgb(var(--color-solid-cyan-200))}.pd-stop-to{stop-color:rgb(var(--color-solid-blue-400))}.pd-curve-area{fill:rgb(var(--color-solid-neutral-0) / .08)}.pd-curve-line{stroke:rgb(var(--color-solid-neutral-0) / .32)}.pd-curve-target{stroke:rgb(var(--color-solid-cyan-200))}.pd-curve-base{stroke:rgb(var(--color-solid-neutral-0) / .24)}.pd-target{color:rgb(var(--color-solid-cyan-200))}.pc-cover{isolation:isolate;aspect-ratio:2/3;background:rgb(var(--color-solid-blue-900));box-shadow:0 1px 2px rgb(var(--color-solid-neutral-900) / .14), 0 8px 18px -8px rgb(var(--color-solid-neutral-900) / .32);border-radius:.25rem .5rem .5rem .25rem;transition:transform .2s cubic-bezier(.2,0,0,1),box-shadow .2s cubic-bezier(.2,0,0,1);display:block;position:relative;overflow:hidden;container-type:inline-size}.pc-cover:after{content:"";z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg, rgb(var(--color-solid-neutral-900) / .24) 0, rgb(var(--color-solid-neutral-0) / .2) 2.4%, rgb(var(--color-solid-neutral-900) / .08) 4.6%, transparent 9%);box-shadow:inset 0 0 0 1px rgb(var(--color-solid-neutral-900) / .08);position:absolute;inset:0}.pc-art{z-index:-1;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pc-cover .pc-head{color:rgb(var(--color-solid-neutral-0));flex-direction:column;align-items:flex-start;gap:3.5cqw;display:flex;position:absolute;top:8cqw;left:10cqw;right:7cqw}.pc-title{letter-spacing:-.01em;text-transform:uppercase;text-wrap:balance;text-shadow:0 .4cqw 2.4cqw rgb(var(--color-solid-neutral-900) / .35);font-size:12.5cqw;line-height:1.1}.pc-title-long{font-size:9.5cqw}.pc-code{white-space:nowrap;background:rgb(var(--color-solid-neutral-0) / .16);min-width:1.9em;height:1.9em;box-shadow:inset 0 0 0 .13em rgb(var(--color-solid-neutral-0) / .92);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;justify-content:center;align-items:center;padding:0 .55em;font-size:9.5cqw;line-height:1;display:inline-flex}.pc-meter{z-index:1;width:100%;height:max(3px,2cqw);position:absolute;inset:auto 0 0}.pc-meter-track{fill:rgb(var(--color-solid-neutral-900) / .32)}.pc-meter-fill{fill:rgb(var(--color-solid-neutral-0))}.pc-next{outline:2px solid rgb(var(--color-solid-blue-500));outline-offset:3px}@container (width<32rem){.pc-shelf{margin:-.5rem calc(-1 * var(--container-padding-x));padding:.5rem var(--container-padding-x);scroll-padding-inline:var(--container-padding-x);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:.75rem;display:flex;overflow-x:auto}.pc-shelf::-webkit-scrollbar{display:none}.pc-shelf>*{scroll-snap-align:start;flex:0 0 8.25rem}}@media (hover:hover){button:hover>.pc-cover{box-shadow:0 2px 4px rgb(var(--color-solid-neutral-900) / .12), 0 14px 26px -10px rgb(var(--color-solid-neutral-900) / .4);transform:translateY(-2px)}}button:active>.pc-cover{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.pc-cover{transition:none}button:hover>.pc-cover,button:active>.pc-cover{transform:none}}