.pc{gap:var(--space-lg);margin:var(--space-md) 0 var(--space-2xl);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:900px){.pc{gap:var(--space-xl);grid-template-columns:minmax(0,min(44vw,540px)) minmax(0,1fr);align-items:start}.pc-info{top:var(--space-lg);position:sticky}}.pc-viewer{min-width:0}.pc-stage{border-radius:var(--radius-card);background:var(--color-paper-2);border:1px solid var(--color-rule);position:relative;overflow:clip;box-shadow:0 24px 60px #00000059}.pc-stage:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.pc-rail{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.pc-rail::-webkit-scrollbar{display:none}.pc-rail li{aspect-ratio:4/5;scroll-snap-align:center;scroll-snap-stop:always;background:lab(1.18003% .0662506 -1.48766);flex:0 0 100%}.pc-rail img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.pc-score,.pc-count{border-radius:var(--radius-pill);font-size:var(--text-sm);font-variant-numeric:tabular-nums;pointer-events:none;padding:5px 11px;position:absolute;top:12px}.pc-score{background:var(--color-accent);color:var(--color-accent-ink);font-weight:750;left:12px;box-shadow:0 2px 10px #00000059}.pc-score small{opacity:.85;font-weight:600}.pc-count{color:#fff;background:#0009;font-weight:650;right:12px}.pc-arrow{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:44px;height:44px;transition:background var(--dur-micro),opacity var(--dur-micro);background:#0c0e169e;border:1px solid #ffffff2e;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;translate:0 -50%}.pc-arrow:hover{background:#0c0e16d9}.pc-arrow.prev{left:12px}.pc-arrow.next{right:12px}.pc-arrow:disabled{opacity:0;pointer-events:none}.pc-dots{padding:var(--space-sm) 0 0;flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.pc-dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:16px;height:24px;padding:0;display:grid}.pc-dots button:before{content:"";background:var(--color-rule);width:7px;height:7px;transition:background var(--dur-micro),scale var(--dur-micro);border-radius:50%}.pc-dots button[aria-selected=true]:before{background:var(--color-accent-display);scale:1.35}.pc-info{gap:var(--space-md);flex-direction:column;min-width:0;display:flex}.pc-chips{flex-wrap:wrap;gap:8px;margin:0;display:flex}.pc-chips :is(a,span){border-radius:var(--radius-pill);border:1px solid var(--color-rule);font-size:var(--text-sm);color:var(--color-ink-2);padding:5px 12px;font-weight:600;line-height:1.3;text-decoration:none}.pc-chips a:hover{color:var(--color-ink);border-color:var(--color-ink-2)}.pc-info h1{overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:clamp(1.55rem,2.5vw,2.2rem);font-weight:650;line-height:1.15;display:-webkit-box;overflow:hidden}.pc-by{color:var(--color-ink-2);margin:0}.pc-by a{color:var(--color-ink);align-items:center;gap:3px;font-weight:650;text-decoration:none;display:inline-flex}.pc-by a:hover{text-decoration:underline}.pc-stats{gap:var(--space-xs);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.pc-stats div{background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-card);padding:var(--space-sm);flex-direction:column-reverse;gap:2px;min-width:0;display:flex}.pc-stats dt{font-size:var(--text-sm);color:var(--color-ink-2);line-height:1.3}.pc-stats dd{font-family:var(--font-marketing);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(1.35rem,2.2vw,1.8rem);font-weight:650;line-height:1.1}.pc-stats .score dd{color:var(--color-accent-display)}.pc-why{color:var(--color-ink-2);margin:0;font-size:clamp(1rem,1.3vw,1.1rem)}.pc-why b{color:var(--color-ink);font-weight:650}.pc-cta{border:1px solid color-mix(in oklch,var(--color-accent) 55%,var(--color-rule));border-radius:var(--radius-card);padding:var(--space-md);background:radial-gradient(120% 140% at 0% 0%,color-mix(in oklch,var(--color-accent) 22%,transparent),transparent 62%),var(--color-paper-2);gap:var(--space-sm);flex-direction:column;display:flex}.pc-cta h2{font-size:var(--text-lg);margin:0;font-weight:650;line-height:1.25}.pc-cta ul{color:var(--color-ink-2);flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pc-cta li{align-items:flex-start;gap:10px;line-height:1.45;display:flex}.pc-cta li svg{color:var(--color-accent-display);flex:none;margin-top:3px}.pc-cta .google-start{display:flex}.pc-cta .launch-button{justify-content:center;align-items:center;gap:var(--space-xs);width:100%;min-height:50px;padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-accent);border-radius:var(--radius-input);background:var(--color-accent);color:var(--color-accent-ink);font-weight:650;font-size:var(--text-md);transition:background var(--dur-micro);text-decoration:none;display:flex}.pc-cta .launch-button:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.pc-cta small{color:var(--color-ink-2);text-align:center}.pc-more{color:var(--color-ink-2);align-self:flex-start;font-weight:650;text-decoration:none}.pc-more:hover{color:var(--color-ink);text-decoration:underline}.pc-locked{justify-content:center;align-items:center;gap:var(--space-xs);height:100%;padding:var(--space-lg);text-align:center;color:var(--color-ink);background:radial-gradient(90% 70% at 50% 40%,color-mix(in oklch,var(--color-accent) 26%,transparent),transparent),var(--color-paper-2);flex-direction:column;text-decoration:none;display:flex}.pc-locked strong{font-family:var(--font-marketing);font-size:var(--text-xl);font-weight:650}.pc-locked span{color:var(--color-accent-display);font-weight:650}:is(.pc-locked:hover span,.pc-locked:focus-visible span){text-decoration:underline}