.phf-stage{--scene-ease:cubic-bezier(.2, .7, .2, 1);background:#8a5a36}.phf-desk{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.phf-device{aspect-ratio:764/1492;height:72%;transform:translate(-50%, -50%) scale(var(--device-scale,1));transition:transform .65s var(--scene-ease);filter:drop-shadow(5px 9px 8px #2d160661);position:absolute;top:46%;left:50%}.phf-shell{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.phf-display{z-index:1;background:#0f141c;border-radius:12%/5.6%;width:78.8%;height:91.55%;padding:4.5%;position:absolute;top:4.16%;left:10.47%;overflow:hidden}.phf-display:before{content:"";pointer-events:none;z-index:4;background:linear-gradient(128deg,#ffffff29 0%,#ffffff0d 24%,#0000 42%);position:absolute;inset:0}.phf-display:after{content:"";aspect-ratio:1;z-index:3;background:#05070a;border-radius:50%;width:5.6%;position:absolute;top:2.4%;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff14}.phf-app{opacity:0;transition:opacity .4s ease, transform .55s var(--scene-ease);position:absolute;inset:0;overflow:hidden;transform:translateY(3%)}.phf-stage[data-content=everyday] .phf-app-everyday,.phf-stage[data-content=camera] .phf-app-camera,.phf-stage[data-content=gaming] .phf-app-gaming,.phf-stage[data-content=battery] .phf-app-battery{opacity:1;transform:none}.phf-app-everyday{background:linear-gradient(165deg,#20304a 0%,#3a2d55 55%,#5a3150 100%);flex-direction:column;gap:6%;padding:13% 9% 7%;display:flex}.phf-status{color:#fffc;justify-content:space-between;align-items:center;display:flex;position:absolute;top:2.4%;left:9%;right:9%}.phf-status i{background:#ffffffb3;border-radius:2px;width:16%;height:4px}.phf-status span{gap:2px;display:flex}.phf-widget{background:#ffffff24;border-radius:12px;gap:5px;padding:9%;display:grid}.phf-widget b{background:#fffc;border-radius:3px;width:45%;height:9px}.phf-widget span{background:#fff6;border-radius:2px;height:4px}.phf-widget span+span{width:65%}.phf-grid,.phf-dock{grid-template-columns:repeat(4,1fr);gap:9%;display:grid}.phf-grid i,.phf-dock i{aspect-ratio:1;background:hsl(calc(var(--app,0) * 37 + 180) 55% 62%);border-radius:28%}.phf-dock{background:#ffffff24;border-radius:14px;margin-top:auto;padding:6%}.phf-dock i{background:#ffffffbf}.phf-dock i:nth-child(2){background:#ff9c50}.phf-dock i:nth-child(3){background:#4fc3d6}.phf-app-camera>img,.phf-app-gaming>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.phf-app-camera>img{object-position:40% 50%}.phf-viewfinder i{border-inline:1px solid #ffffff4d;width:33.3%;position:absolute;top:0;bottom:0;left:33.3%}.phf-viewfinder i+i{border:1px solid #ffffff4d;border-inline:0;width:auto;height:33.3%;inset:33.3% 0 auto}.phf-face{opacity:0;width:30%;height:26%;transition:opacity .3s ease, transform .45s var(--scene-ease);border:2px solid #ffd44d;border-radius:8px;position:absolute;top:27%;left:4%;transform:scale(1.2)}[data-detail=people] .phf-face{opacity:1;transform:none}.phf-zoom{color:#fff;background:#00000073;border-radius:99px;gap:4px;padding:3px;font-size:clamp(6px,1.4vw,9px);font-weight:600;line-height:1;display:flex;position:absolute;bottom:21%;left:50%;transform:translate(-50%)}.phf-zoom span{aspect-ratio:1;border-radius:50%;place-items:center;min-width:2.2em;display:grid}.phf-zoom span:nth-child(2){color:#ffd44d;background:#ffffff26}[data-detail=travel] .phf-zoom span:nth-child(2),[data-zoom=true] .phf-zoom span:nth-child(2){color:inherit;background:0 0}[data-detail=travel] .phf-zoom span:nth-child(3),[data-zoom=true] .phf-zoom span:nth-child(3){color:#ffd44d;background:#ffffff26}[data-detail=travel] .phf-app-camera>img,[data-zoom=true] .phf-app-camera>img{transform:scale(1.35)}.phf-app-camera>img{transition:transform .7s var(--scene-ease)}.phf-rec{opacity:0;background:#00000080;border-radius:99px;padding:4px 7px;transition:opacity .3s;position:absolute;top:2%;left:7%}.phf-rec i{background:#ff4d55;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite phf-blink;display:block}[data-detail=video] .phf-rec{opacity:1}@keyframes phf-blink{50%{opacity:.25}}.phf-shutter{aspect-ratio:1;border:2px solid #fff;border-radius:50%;width:18%;padding:3px;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.phf-shutter i{background:#fff;border-radius:50%;width:100%;height:100%;transition:background .3s;display:block}[data-detail=video] .phf-shutter i{background:#ff4d55}.phf-app-gaming>img{object-position:55% 50%}.phf-stick{aspect-ratio:1;background:radial-gradient(circle,#ffffff8c 0 28%,#0000 30%);border:2px solid #ffffff8c;border-radius:50%;width:30%;position:absolute;bottom:8%;left:10%}.phf-buttons{aspect-ratio:1;width:30%;position:absolute;bottom:9%;right:9%}.phf-buttons i{aspect-ratio:1;background:#ffffff2e;border:2px solid #fff9;border-radius:50%;width:42%;position:absolute}.phf-buttons i:first-child{background:#ff9c508c;width:56%;bottom:0;right:0}.phf-buttons i:nth-child(2){bottom:6%;left:0}.phf-buttons i:nth-child(3){top:0;right:6%}.phf-reticle{aspect-ratio:1;opacity:0;width:14%;transition:opacity .3s ease, transform .45s var(--scene-ease);border:2px solid #4fe0ef;border-radius:50%;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)scale(1.4)}[data-detail=competitive] .phf-reticle{opacity:1;transform:translate(-50%,-50%)}[data-detail=heavy] .phf-app-gaming>img{filter:saturate(1.25)contrast(1.05)}.phf-app-battery{color:#8fe3b2;background:linear-gradient(#102a2e 0%,#17393a 50%,#22463c 100%);flex-direction:column;align-items:center;padding:22% 10% 9%;display:flex}.phf-lock-time{justify-items:center;gap:6px;width:100%;display:grid}.phf-lock-time i{background:#ffffffd1;border-radius:5px;width:58%;height:16px}.phf-lock-time span{background:#fff6;border-radius:2px;width:38%;height:4px}.phf-battery-glyph{place-items:center;width:62%;margin-top:auto;margin-bottom:auto;display:grid}.phf-battery-glyph svg{stroke-width:1.5px;width:100%;height:auto}.phf-lock-hint{background:#ffffff8c;border-radius:2px;width:34%;height:4px}.phf-pad,.phf-charger{opacity:0;height:auto;transition:opacity .4s ease, transform .65s var(--scene-ease);position:absolute}.phf-pad{width:31.5%;top:21%;left:34.9%;transform:scale(.94)}[data-wireless=true] .phf-pad{opacity:1;transform:none}.phf-charger{width:27%;top:50%;left:61%;transform:translate(8%)}[data-charger=true] .phf-charger{opacity:1;transform:none}.phf .lpf-scene-tag{max-width:34%}.phf .phf-storage{width:28%;bottom:30%;right:4%}.phf-storage[data-capacity=large] i{width:29%}.phf-support{color:#fff;opacity:0;max-width:30%;transition:opacity .35s ease, transform .55s var(--scene-ease);background:#29343d;border:1px solid #ffffff59;border-radius:10px;align-items:center;gap:6px;padding:2.5% 3%;display:flex;position:absolute;bottom:30%;left:4%;transform:translateY(20%);box-shadow:0 6px 14px #0003}.phf-support svg{flex:none}.phf-support span{font-size:clamp(8px,1vw,12px);font-weight:600;line-height:1.3}.phf-support[data-visible=true]{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.phf-rec i{animation:none}}
