.ps-card{border:1px solid var(--color-line);background:var(--color-surface);border-radius:1rem;flex-direction:column;gap:1rem;min-width:0;padding:1.25rem;display:flex}@media (min-width:768px){.ps-card{padding:1.5rem}}.ps-chips{flex-wrap:wrap;gap:.5rem;display:flex}.ps-chip{border:1px solid var(--color-line);background:var(--color-surface-raised);min-height:44px;color:var(--color-subtle);border-radius:999px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background .16s,color .16s}@media (hover:hover){.ps-chip:hover{border-color:var(--color-muted)}}.ps-chip[aria-pressed=true]{border-color:var(--color-fg);background:var(--color-fg);color:var(--color-bg)}.ps-chip[aria-pressed=true]:before{content:"✓ "}.ps-chip:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ps-onboarding{background:linear-gradient(135deg, #e6cfae1f, transparent 60%), var(--color-surface)}.ps-onboarding h2:focus{outline:none}.ps-suggestions{gap:.5rem;display:grid}@media (min-width:768px){.ps-suggestions{grid-template-columns:repeat(2,minmax(0,1fr))}}.ps-suggestion{background:var(--color-surface-raised);border-radius:.75rem;align-items:center;gap:.75rem;min-width:0;padding:.5rem;display:flex}.ps-avatar{border-radius:999px;flex-shrink:0;width:2.75rem;height:2.75rem;overflow:hidden}.ps-mix-card{position:relative;overflow:hidden}@media (min-width:640px){.ps-mix-card{flex-direction:row;align-items:center}}.ps-mix-card[data-tinted]{background:linear-gradient(120deg, var(--art-tint,#20232a) 0%, transparent 75%), var(--color-surface)}.ps-mix-card[data-tinted] .text-accent{color:var(--art-accent,var(--color-accent))}.ps-accent-button{background:var(--art-accent,var(--color-accent));border-color:var(--art-accent,var(--color-accent));color:var(--art-on-accent,#15171b)}@media (hover:hover){.ps-accent-button:hover{filter:brightness(1.08);background:var(--art-accent,var(--color-accent));border-color:var(--art-accent,var(--color-accent))}}.ps-mosaic{border-radius:.75rem;flex-shrink:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;width:7.5rem;display:grid;overflow:hidden;box-shadow:0 12px 32px #0006}@media (min-width:640px){.ps-mosaic{width:9rem}}.ps-mosaic:has(>:only-child){grid-template-columns:1fr}:is(.ps-mosaic:has(>:nth-child(2):last-child)>:first-child,.ps-mosaic:has(>:nth-child(3):last-child)>:first-child){grid-column:1/-1}.ps-reason{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.75rem;display:inline-block;overflow:hidden}.ps-pending{opacity:.6;transition:opacity .16s}.ps-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.ps-stats>div{border:1px solid var(--color-line);background:var(--color-surface);border-radius:.75rem;flex-direction:column-reverse;gap:.25rem;min-width:0;padding:.875rem;display:flex}.ps-stats dt{color:var(--color-muted);font-size:.75rem;line-height:1.3}.ps-stats dd{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:500}@media (min-width:768px){.ps-stats dd{font-size:2rem}}.ps-note{background:var(--color-surface);max-width:48rem;color:var(--color-subtle);border-radius:.5rem;padding:.75rem 1rem .75rem calc(1rem + 3px);font-size:.875rem;line-height:1.5;position:relative}.ps-note:before{content:"";background:var(--color-accent);border-radius:4px;width:3px;position:absolute;inset:.625rem auto .625rem 0}.ps-ranked{flex-direction:column;display:flex}.ps-ranked li{border-radius:.5rem;align-items:center;gap:.75rem;min-width:0;min-height:56px;padding-inline:.5rem;display:flex}@media (hover:hover){.ps-ranked li:hover{background:#ffffff0a}}.ps-rank{text-align:center;width:1.5rem;color:var(--color-subtle);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:500}.ps-summary{border:1px solid var(--color-field);background:var(--color-surface-raised);width:min(24rem,80vw);color:var(--color-fg);border-radius:.5rem;padding:.5rem .75rem;font-size:.8125rem}.ps-recap-link{flex-direction:row;align-items:center;transition:background .16s}@media (hover:hover){.ps-recap-link:hover{background:var(--color-surface-raised)}}.ps-recap-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.ps-chip,.ps-pending,.ps-recap-link{transition:none}}@media (forced-colors:active){.ps-chip[aria-pressed=true]{border-width:3px}}.recap-hero{isolation:isolate;background:var(--color-surface);border-radius:1.5rem;flex-direction:column;justify-content:flex-end;gap:.75rem;min-height:19rem;padding:2rem 1.5rem;display:flex;position:relative;overflow:hidden}.recap-hero-art{z-index:-2;object-fit:cover;object-position:center 42%;width:100%;height:100%;position:absolute;inset:0}.recap-hero:after{content:"";z-index:-1;background:linear-gradient(#1a1e2426 0,#1a1e24e6 88%);position:absolute;inset:0}@media (min-width:768px){.recap-hero{padding:2.5rem}}