.pcard{background:var(--v3-surface-2);box-shadow:var(--v3-card-shadow);color:var(--v3-fg);transition:transform .35s var(--ease-out-quart), background-color .25s var(--ease-out-quart);-webkit-tap-highlight-color:transparent;border-radius:24px;flex-direction:column;padding:8px;text-decoration:none;display:flex;position:relative}.pcard:hover{background:var(--v3-surface-3)}.pcard:active{transition-duration:.12s;transform:scale(.985)}.pcard:focus-visible{outline:2px solid var(--v3-fg);outline-offset:3px}.pcard-media{aspect-ratio:16/10;background:var(--v3-surface-4);isolation:isolate;border-radius:18px;position:relative;overflow:hidden}.pcard-cover{object-fit:cover;width:100%;height:100%;transform:translate(var(--fit-x,0%), var(--fit-y,0%)) scale(var(--fit-s,1));transition:scale .6s var(--ease-out-expo), opacity .25s var(--ease-out-quart);display:block}.pcard-cover[data-hold]{opacity:0;transition:none}.pcard-cover[data-fit-anim]{transition:scale .6s var(--ease-out-expo), opacity .25s var(--ease-out-quart), transform .35s var(--ease-out-quart)}.pcard[data-open] .pcard-cover{scale:1.03}.pcard-media:has(.pcard-cover):after{content:"";pointer-events:none;z-index:1;opacity:0;transition:opacity .3s var(--ease-out-quart);background:linear-gradient(#00000047 0%,#0000 34% 62%,#00000057 100%);position:absolute;inset:0}.pcard-media[data-loaded]:after{opacity:1}.pcard-status,.pcard-pct{z-index:2;background:var(--v3-surface-3);height:26px;color:var(--v3-fg);box-shadow:0 2px 10px -4px color-mix(in oklab, var(--v3-shade) 50%, transparent);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex;position:absolute}.pcard-status{top:10px;left:10px}.pcard-status i{background:var(--v3-fg-faint);border-radius:999px;width:6px;height:6px}.pcard-status[data-live] i{background:var(--v3-ok)}.pcard-pct{font-variant-numeric:tabular-nums;transition:opacity .2s var(--ease-out-quart);bottom:10px;right:10px}.pcard[data-open][data-fan] .pcard-pct{opacity:0}.pcard-fan{z-index:3;pointer-events:none;justify-content:center;align-items:flex-end;gap:3%;display:flex;position:absolute;inset:auto 0 0}.pcard-fan-item{aspect-ratio:4/5;isolation:isolate;background:var(--v3-surface-3);outline:3px solid color-mix(in oklab, var(--v3-surface-3) 90%, transparent);border-radius:12px;flex:none;width:26%;position:relative;overflow:hidden;box-shadow:0 16px 36px -10px #0000008c}.pcard-fan-item:nth-child(odd):nth-last-child(odd){margin-bottom:4.5%}.pcard-fan-img{object-fit:cover;width:100%;height:100%;transform:translate(var(--fit-x,0%), var(--fit-y,0%)) scale(var(--fit-s,1));transition:opacity .12s var(--ease-out-quart);display:block}.pcard-fan-img[data-hold]{opacity:0;transition:none}.pcard-fan-img[data-fit-anim]{transition:opacity .12s var(--ease-out-quart), transform .35s var(--ease-out-quart)}.pcard-body{flex-direction:column;flex:1;gap:6px;padding:14px 10px 8px;display:flex}.pcard-meta{min-width:0;color:var(--v3-fg-muted);align-items:center;gap:6px;font-size:13px;display:flex}.pcard-client{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pcard-dot{color:var(--v3-fg-faint)}.pcard-title{letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:20px;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.pcard-sub{color:var(--v3-fg-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.pcard-foot{flex-direction:column;gap:8px;margin-top:auto;padding-top:12px;display:flex}.pcard-bar{background:color-mix(in oklab, var(--v3-ink) 9%, transparent);border-radius:999px;height:4px;overflow:hidden}.pcard-bar span{border-radius:inherit;background:var(--v3-fg);transform-origin:0;height:100%;transition:transform .6s var(--ease-out-expo);display:block}.pcard-foot-row{color:var(--v3-fg-muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;font-size:12px;display:flex}.pcard-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;display:grid}@media (prefers-reduced-motion:reduce){.pcard,.pcard-cover,.pcard-cover[data-fit-anim],.pcard-fan-img,.pcard-fan-img[data-fit-anim],.pcard-bar span,.pcard-pct,.pcard-media:after{transition:none}}@media (min-width:1100px){.pcard-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}