.pl-hero{background:radial-gradient(60% 120% at 85% 0%, color-mix(in oklch, var(--primary) 9%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in oklch, var(--muted) 70%, var(--background)), var(--background));border:1px solid var(--border)}.pl-title{letter-spacing:-.025em;font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.05}.pl-cover{border:1px solid var(--border);background:repeating-linear-gradient(90deg, transparent 0 14px, color-mix(in oklch, var(--primary) 5%, transparent) 14px 15px), linear-gradient(160deg, var(--card), color-mix(in oklch, var(--selection) 80%, var(--card)));border-radius:14px 14px 6px 6px;position:relative;overflow:hidden}.pl-cover:before{content:"";background:linear-gradient(90deg, color-mix(in oklch, var(--primary) 22%, transparent), transparent);width:10px;position:absolute;inset:0 auto 0 0}.pl-cover[data-hue="1"]{--pl-tint:4%}.pl-card{transition:transform .18s,box-shadow .18s,border-color .18s}.pl-card:hover{border-color:color-mix(in oklch, var(--primary) 30%, var(--border));transform:translateY(-2px)}.pl-shelf{scroll-snap-type:x mandatory;scrollbar-width:thin}.pl-shelf>*{scroll-snap-align:start}.pl-pre{white-space:pre-wrap;font-family:inherit}.reduce-motion .pl-card,.reduce-motion .pl-card:hover{transition:none;transform:none}@media (prefers-reduced-motion:reduce){.pl-card,.pl-card:hover{transition:none;transform:none}}