.pft .stage{position:relative;height:clamp(470px,46vw,540px);perspective:1400px;display:flex;align-items:center;justify-content:center}.pft .stage:before{content:"";position:absolute;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgb(var(--c-glow)/.24),rgb(var(--c-glow)/0) 66%)}.pft .rig{position:relative;width:290px;aspect-ratio:9/19;transform-style:preserve-3d;animation:pft-film 12s cubic-bezier(.65,0,.35,1) infinite;will-change:transform}.pft .layer{position:absolute;inset:0;border-radius:46px;background:linear-gradient(90deg,var(--pf-f1) 0,var(--pf-f2) 12%,var(--pf-f3) 50%,var(--pf-f2) 88%,var(--pf-f1) 100%)}.pft .layer .pbtn{position:absolute;width:5px;border-radius:3px;background:linear-gradient(90deg,var(--pf-f1),var(--pf-f2))}.pft .layer .action{left:-3px;top:104px;height:26px}.pft .layer .vol-up{left:-3px;top:150px;height:46px}.pft .layer .vol-down{left:-3px;top:206px;height:46px}.pft .layer .power{right:-3px;top:170px;height:72px}.pft .backplate{transform:translateZ(-12px) rotateY(180deg);background:var(--pf-f1)}.pft .backplate,.pft .front{position:absolute;inset:0;border-radius:46px}.pft .front{transform:translateZ(12.5px);background:var(--pf-bezel);padding:10px;box-shadow:inset 0 0 0 1.5px hsla(0,0%,100%,.14)}.pft .shadow{position:absolute;inset:6% 4%;border-radius:46px;transform:translateZ(-14px);box-shadow:0 60px 90px -30px rgb(var(--c-shadow)/.6)}@keyframes pft-film{0%{transform:rotateY(-26deg) rotateX(8deg) rotate(3deg) scale(.787)}8%{transform:rotateY(-10deg) rotateX(5deg) rotate(2deg) scale(.82)}26%{transform:rotateY(-6deg) rotateX(4deg) rotate(1deg) scale(.82)}36%{transform:rotateY(18deg) rotateX(24deg) rotate(-15deg) scale(.92) translateY(-4%)}50%{transform:rotateY(14deg) rotateX(20deg) rotate(-12deg) scale(.89) translateY(-3%)}62%{transform:rotateY(-16deg) rotateX(5deg) rotate(3deg) scale(.787)}80%{transform:rotateY(-28deg) rotateX(9deg) rotate(2deg) scale(.836)}to{transform:rotateY(-26deg) rotateX(8deg) rotate(3deg) scale(.787)}}.pft .screen{position:relative;height:100%;border-radius:36px;background:rgb(var(--c-paper));overflow:hidden;display:flex;flex-direction:column}.pft .notch{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:84px;height:24px;border-radius:20px;background:var(--pf-bezel);z-index:3}.pft .appbar{padding:42px 16px 9px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgb(var(--c-line));background:rgb(var(--c-surface))}.pft .appbar b{font-family:var(--font-logo),var(--font-display),system-ui,sans-serif;font-style:normal;font-weight:500;font-size:15px;letter-spacing:-.03em}.pft .appbar span{font-family:var(--font-display),system-ui,sans-serif;font-size:8.5px;text-transform:uppercase;letter-spacing:.16em;color:rgb(var(--c-muted));display:flex;align-items:center;gap:6px}.pft .appbar span i{width:6px;height:6px;border-radius:50%;background:rgb(var(--c-accent))}.pft .feed{flex:1;padding:12px 11px;display:flex;flex-direction:column;gap:8px;overflow:hidden;transition:filter .25s,transform .7s cubic-bezier(.2,.8,.2,1)}.pft .feed.whoosh{filter:blur(3px)}.pft .bub{max-width:88%;border-radius:15px;padding:8px 11px;font-size:11.5px;line-height:1.45;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}.pft .bub.show{opacity:1;transform:none}.pft .bub.me{align-self:flex-end;background:rgb(var(--pf-me));color:rgb(var(--pf-me-ink));border-bottom-right-radius:5px;min-height:1.45em}.pft .bub.me .caret{display:inline-block;width:1px;height:1em;background:currentColor;vertical-align:-2px;margin-left:1px;animation:pft-blink 1s steps(1) infinite}.pft .bub.bot{background:rgb(var(--pf-bot));color:rgb(var(--pf-bot-ink));border-bottom-left-radius:5px}.pft .dots{display:inline-flex;gap:3px}.pft .dots i{width:5px;height:5px;border-radius:50%;background:rgb(var(--c-accent));opacity:.35;animation:pft-dot 1.1s infinite}.pft .dots i:nth-child(2){animation-delay:.15s}.pft .dots i:nth-child(3){animation-delay:.3s}@keyframes pft-dot{30%{opacity:1;transform:translateY(-2px)}}@keyframes pft-blink{50%{opacity:0}}.pft .mcard{display:grid;grid-template-columns:40px 1fr auto;gap:9px;align-items:center;background:rgb(var(--c-surface));border:1px solid rgb(var(--c-line));border-radius:13px;padding:8px;opacity:0;transform:translateY(40px);transition:opacity .45s,transform .6s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}.pft .mcard.show{opacity:1;transform:none}.pft .mcard.picked{border-color:rgb(var(--c-accent));box-shadow:0 0 0 3px rgb(var(--c-accent)/.18)}.pft .thumb{width:40px;height:50px;border-radius:9px;background:rgb(var(--pf-bot));display:grid;place-items:center}.pft .thumb:after{content:"t";font-family:var(--font-display),system-ui,sans-serif;font-style:italic;font-weight:500;font-size:27px;line-height:1;color:hsla(0,0%,100%,.9);text-shadow:0 2px 8px rgba(47,44,99,.35);transform:translateY(-1px)}.pft .thumb.photo{background-size:cover;background-position:top;background-repeat:no-repeat}.pft .thumb.photo:after{content:none}.pft .mcard .mc-t{display:block;margin:0;font-family:var(--font-display),system-ui,sans-serif;font-weight:500;font-size:12.5px}.pft .mcard p{margin:1px 0 0;font-size:10px;color:rgb(var(--c-muted));line-height:1.35}.pft .mcard p em{font-style:italic;color:rgb(var(--c-ink)/.72)}.pft .pct{font-family:var(--font-display),system-ui,sans-serif;font-size:15px;color:rgb(var(--c-accent));font-variant-numeric:tabular-nums}.pft .opt{grid-column:2/4;justify-self:start;border-radius:300px;border:1.5px solid rgb(var(--c-ink));padding:5px 10px;font-family:var(--font-display),system-ui,sans-serif;font-size:8.5px;text-transform:uppercase;letter-spacing:.12em;transition:background .25s,color .25s,border-color .25s,box-shadow .3s}.pft .picked .opt{background:rgb(var(--c-btn));border-color:rgb(var(--c-btn));color:rgb(var(--c-btn-ink));box-shadow:0 0 18px rgb(var(--c-btn)/.55)}.pft .tap{position:absolute;width:32px;height:32px;border-radius:50%;background:rgb(var(--c-accent)/.25);border:2px solid rgb(var(--c-accent)/.6);opacity:0;transform:scale(.6);transition:opacity .25s,transform .25s;pointer-events:none;z-index:4}.pft .tap.on{opacity:1;transform:scale(1)}.pft .inputbar{margin:0 11px 14px;border:1px solid rgb(var(--c-line));background:rgb(var(--c-surface));border-radius:300px;padding:8px 13px;font-size:10.5px;color:rgb(var(--c-muted))}.pft .endcard{position:absolute;inset:0;z-index:2;background:rgb(var(--pf-end));color:rgb(var(--pf-end-ink));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity .5s}.pft .endcard.show{opacity:1}.pft .endcard b{font-family:var(--font-logo),var(--font-display),system-ui,sans-serif;font-style:normal;font-weight:500;font-size:31px;letter-spacing:-.03em}.pft .endcard span{font-family:var(--font-display),system-ui,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:rgb(var(--pf-end-sub))}.pft .chip-float{position:absolute;z-index:5;display:flex;align-items:center;gap:8px;background:rgb(var(--c-surface));border:1px solid rgb(var(--c-line));border-radius:300px;padding:9px 14px 9px 10px;font-size:13px;box-shadow:0 18px 40px -18px rgb(var(--c-shadow)/.45);opacity:0;transform:translateY(12px) scale(.94);transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1);white-space:nowrap}.pft .chip-float.show{opacity:1;transform:none}.pft .chip-float i{width:20px;height:20px;border-radius:50%;background:rgb(var(--pf-check));color:rgb(var(--pf-check-ink));font-style:normal;font-size:11px;display:grid;place-items:center}.pft .cf1{left:0;top:22%}.pft .cf2{right:0;top:44%}.pft .cf3{left:4%;top:68%}@media (max-width:1023px){.pft .stage{height:540px}}@media (max-width:860px){.pft .rig{width:290px}.pft .chip-float{font-size:12px;padding:7px 12px 7px 8px}}@media (prefers-reduced-motion:reduce){.pft .bub.me .caret,.pft .dots i{animation:none}}.pc{--s:196px}@media (min-width:640px){.pc{--s:260px}}@media (min-width:1024px){.pc{--s:260px}}.pc .pc-stage{position:relative;height:clamp(360px,42vw,520px);perspective:1900px;display:flex;align-items:center;justify-content:center}.pc .pc-stage:before{content:"";position:absolute;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(79,70,229,.22),rgba(79,70,229,0) 66%)}.pc .pc-float{position:relative;animation:pc-float 6s ease-in-out infinite}.pc .pc-float,.pc .pc-tilt{transform-style:preserve-3d}.pc .pc-tilt{transform:rotateX(-14deg) rotateY(-22deg)}.pc .pc-cube{position:relative;width:var(--s);height:var(--s);transform-style:preserve-3d;transition:transform 1.5s cubic-bezier(.65,0,.35,1);will-change:transform}.pc .pc-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:rgb(var(--c-accent-night))}.pc .pc-face img{width:100%;height:100%;object-fit:cover;display:block;user-select:none}.pc .pc-face:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.18);pointer-events:none}.pc .pc-front{transform:translateZ(calc(var(--s) / 2))}.pc .pc-right{transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.pc .pc-back{transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.pc .pc-left{transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.pc .pc-top{transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}.pc .pc-bottom{transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}.pc .pc-floor{position:absolute;left:50%;top:calc(50% + var(--s) * .82);width:calc(var(--s) * 1.15);height:26px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(47,44,99,.3),rgba(47,44,99,0));animation:pc-floor 6s ease-in-out infinite}@keyframes pc-float{0%,to{transform:translateY(-6px)}50%{transform:translateY(8px)}}@keyframes pc-floor{0%,to{opacity:.75;transform:translateX(-50%) scale(.92)}50%{opacity:1;transform:translateX(-50%) scale(1)}}@media (prefers-reduced-motion:reduce){.pc .pc-float,.pc .pc-floor{animation:none}.pc .pc-cube{transition:none}}.sc{--s:196px}@media (min-width:640px){.sc{--s:260px}}.sc .sc-stage{position:relative;height:clamp(340px,34vw,460px);perspective:1900px;display:flex;align-items:center;justify-content:center}.sc .sc-stage:before{content:"";position:absolute;width:85%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,hsla(84,97%,76%,.22),hsla(84,97%,76%,0) 66%)}.sc .sc-float{position:relative;animation:sc-float 5s ease-in-out infinite}.sc .sc-float,.sc .sc-tilt{transform-style:preserve-3d}.sc .sc-tilt{transform:rotateX(-20deg)}.sc .sc-cube{position:relative;width:var(--s);height:var(--s);transform-style:preserve-3d;animation:sc-spin 9s linear infinite;will-change:transform}.sc .sc-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#e9eaec}.sc .sc-face img{width:100%;height:100%;object-fit:cover;display:block;user-select:none}.sc .sc-face:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.22);pointer-events:none}.sc .sc-front{transform:translateZ(calc(var(--s) / 2))}.sc .sc-right{transform:rotateY(90deg) translateZ(calc(var(--s) / 2))}.sc .sc-back{transform:rotateY(180deg) translateZ(calc(var(--s) / 2))}.sc .sc-left{transform:rotateY(-90deg) translateZ(calc(var(--s) / 2))}.sc .sc-top{transform:rotateX(90deg) translateZ(calc(var(--s) / 2))}.sc .sc-bottom{transform:rotateX(-90deg) translateZ(calc(var(--s) / 2))}.sc .sc-floor{position:absolute;left:50%;top:calc(50% + var(--s) * .82);width:calc(var(--s) * 1.15);height:26px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(8,9,40,.45),rgba(8,9,40,0));animation:sc-floor 5s ease-in-out infinite}@keyframes sc-spin{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@keyframes sc-float{0%,to{transform:translateY(-6px)}50%{transform:translateY(8px)}}@keyframes sc-floor{0%,to{opacity:.75;transform:translateX(-50%) scale(.92)}50%{opacity:1;transform:translateX(-50%) scale(1)}}@media (prefers-reduced-motion:reduce){.sc .sc-cube,.sc .sc-float,.sc .sc-floor{animation:none}.sc .sc-cube{transform:rotateY(-28deg)}}