.pf-item{position:relative;width:100%;max-width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}.pf-item--empty{display:flex;align-items:center;justify-content:center}.pf-item img.shot{width:100%;max-width:100%;height:100%;object-fit:cover;display:block;transform-origin:center}.pf-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,transparent 22% 55%,rgba(0,0,0,.62) 100%);pointer-events:none}.pf-ov{position:absolute;left:16px;right:70px;bottom:calc(env(safe-area-inset-bottom,0px) + 26px);z-index:10;color:#fff}.pf-nametag{display:inline-flex;align-items:center;gap:8px;padding:6px 13px 6px 9px;border-radius:999px;font-family:var(--font-display, "Bricolage Grotesque", system-ui);font-weight:700;font-size:16px;background:linear-gradient(180deg,var(--cream, #efe4d2),#e4d6be);color:#3a2a1c;box-shadow:0 0 0 2px var(--accent),0 0 20px var(--glow);margin-bottom:10px;transition:box-shadow .5s ease}.pf-nametag .hole{width:8px;height:8px;border-radius:50%;background:#8a7355;flex:none}.pf-cap{font-size:15px;font-weight:600;line-height:1.3;text-shadow:0 1px 8px rgba(0,0,0,.6)}.pf-date{font-size:11px;opacity:.75;margin-top:4px;text-shadow:0 1px 6px rgba(0,0,0,.6)}.pf-actions{position:absolute;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 34px);z-index:15;display:flex;flex-direction:column;gap:16px;align-items:center}.pf-act{width:44px;height:44px;border:none;border-radius:50%;background:#00000052;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;line-height:1;cursor:pointer;transition:transform .15s ease,color .3s ease}.pf-act:focus-visible{outline:2px solid var(--accent2, #fff);outline-offset:2px}.pf-act:active{transform:scale(.88)}.pf-act.liked{color:var(--accent2)}.pf-bigheart{position:absolute;transform:translate(-50%,-50%) scale(0);color:#fff;font-size:96px;z-index:45;pointer-events:none;text-shadow:0 6px 24px rgba(0,0,0,.45);animation:pfbig .9s cubic-bezier(.2,.8,.3,1) forwards}@keyframes pfbig{0%{transform:translate(-50%,-50%) scale(0) rotate(-18deg);opacity:0}14%{opacity:1}38%{transform:translate(-50%,-50%) scale(1.18) rotate(7deg);opacity:1}60%{transform:translate(-50%,-50%) scale(.95) rotate(-3deg);opacity:1}to{transform:translate(-50%,-78%) scale(1) rotate(0);opacity:0}}.pf-particle{position:absolute;transform:translate(-50%,-50%);z-index:45;pointer-events:none;animation:pfpart .8s cubic-bezier(.3,.7,.3,1) forwards}@keyframes pfpart{0%{transform:translate(-50%,-50%) scale(.2);opacity:1}70%{opacity:1}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(1) rotate(var(--rot));opacity:0}}@media(prefers-reduced-motion:reduce){.pf-bigheart{animation:pfbig-reduced .5s ease forwards!important}}@keyframes pfbig-reduced{0%{opacity:0;transform:translate(-50%,-50%) scale(1)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.pf-vind{position:absolute;left:4px;top:calc(env(safe-area-inset-top,0px) + 54px);bottom:calc(env(safe-area-inset-bottom,0px) + 54px);width:26px;z-index:12;display:flex;align-items:stretch;justify-content:center;touch-action:none}.pf-vind[hidden]{display:none}.pf-vtrack{position:relative;width:3px;flex:1 1 auto;border-radius:999px;background:#ffffff2e;cursor:pointer}.pf-vticks{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.pf-vticks[hidden]{display:none}.pf-vtick{width:3px;height:3px;border-radius:999px;background:#fff6;display:block}.pf-vtick.on{background:var(--cream, #f2e9dc)}.pf-vthumb{position:absolute;left:50%;width:10px;min-height:20px;border-radius:999px;background:var(--accent);box-shadow:0 0 8px var(--glow);transform:translate(-50%,-50%);transition:top .28s cubic-bezier(.4,0,.2,1),height .28s ease;pointer-events:none}.pf-status{position:absolute;inset:0;z-index:60;margin:0;display:flex;align-items:center;justify-content:center;padding:2rem;text-align:center;background:var(--base, #17332c);color:var(--cream, #f2e9dc);font-size:1rem}.pf-status[hidden]{display:none}.pf-item.pf-zoomed img.shot{cursor:grab}.pf-toast{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);transform:translate(-50%) translateY(20px);z-index:55;background:#141816eb;color:#fff;font-size:12.5px;padding:9px 14px;border-radius:12px;opacity:0;transition:all .3s ease;max-width:88%;text-align:center;box-shadow:0 0 0 1px var(--accent);pointer-events:none}.pf-toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(prefers-reduced-motion:reduce){.pf-toast{transition:opacity .3s ease;transform:translate(-50%)}.pf-toast.show{transform:translate(-50%)}}