.pp-phd,.pp-phd *,.pp-phd :before,.pp-phd :after{box-sizing:border-box}.pp-phd{--phd-w:300px;--phd-w-n:300;--phd-inner:calc(var(--phd-w) - 18px);--phd-screen-h-n:calc(var(--phd-w-n) * 19.5 / 9 - 18);--phd-shot-nat-h-n:calc((var(--phd-w-n) - 18) * 632 / 282);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;position:relative}.pp-phd .phd-phone{width:var(--phd-w);aspect-ratio:9/19.5;will-change:transform;background:linear-gradient(155deg,#4a4538 0%,#1a1814 35%,#100e0a 100%);border-radius:54px;padding:9px;position:relative;box-shadow:inset 0 0 0 1.5px #faf7f21a,inset 0 0 0 4px #0009,0 30px 60px -18px #241e1259,0 10px 22px -10px #241e1240}.pp-phd .phd-btn{background:linear-gradient(90deg,#2a2620,#15130f);border-radius:2px;width:3.5px;position:absolute}.pp-phd .phd-btn-volup{--phd-press-x:1.5px;height:34px;top:140px;left:-2.5px}.pp-phd .phd-btn-voldown{height:34px;top:182px;left:-2.5px}.pp-phd .phd-btn-power{--phd-press-x:-1.5px;height:52px;top:170px;right:-2.5px}.pp-phd .phd-btn-volup:after,.pp-phd .phd-btn-power:after{content:"";background:var(--gold-300);filter:blur(6px);opacity:0;border-radius:4px;position:absolute;inset:-3px -4px}.pp-phd[data-phase=press] .phd-btn-volup,.pp-phd[data-phase=press] .phd-btn-power{animation:phdBtnPress .42s var(--ease-in-out) both}.pp-phd[data-phase=press] .phd-btn-volup:after,.pp-phd[data-phase=press] .phd-btn-power:after{animation:phdBtnGlow .42s var(--ease-out) both}.pp-phd .phd-screen{isolation:isolate;will-change:transform;border-radius:45px;width:100%;height:100%;position:relative;overflow:hidden}.pp-phd .phd-screen:after{content:"";pointer-events:none;z-index:70;background:linear-gradient(115deg,#ffffff12 0%,#0000 38%);border-radius:45px;position:absolute;inset:0}.pp-phd .phd-island{z-index:60;background:#050505;border-radius:999px;width:84px;height:25px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.pp-phd .phd-island:after{content:"";background:radial-gradient(circle at 35% 35%,#1d2c3a 0%,#0a0d12 70%);border-radius:50%;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;right:9px}.pp-phd .phd-sc--live{z-index:0;background:linear-gradient(#faf7f2fc,#faf7f2fc);border-radius:45px;position:absolute;inset:0;overflow:hidden}.pp-phd .phd-flash{z-index:30;opacity:0;pointer-events:none;background:linear-gradient(#fffffffc,#fffffffc);border-radius:45px;position:absolute;inset:0}.pp-phd .phd-shot-thumb{z-index:40}.pp-phd .phd-shot-preview{z-index:50}.pp-phd .phd-sc{color:var(--ink-900);position:absolute;inset:0}.pp-phd .phd-status{justify-content:space-between;align-items:center;height:38px;padding:0 22px 0 26px;display:flex}.pp-phd .phd-status .phd-time{font-family:var(--font-display);letter-spacing:.01em;font-size:12px;font-weight:600}.pp-phd .phd-status .phd-glyphs{align-items:center;gap:4.5px;display:flex}.pp-phd .phd-status .phd-glyphs svg{display:block}.pp-phd .phd-head{border-bottom:1px solid var(--line);background:#faf7f2db;justify-content:space-between;align-items:center;height:40px;padding:0 12px;display:flex}.pp-phd .phd-head .phd-gal{align-items:baseline;gap:6px;min-width:0;display:flex}.pp-phd .phd-head .phd-gal .phd-name{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;font-size:11.5px;font-weight:700}.pp-phd .phd-head .phd-gal .phd-count{font-family:var(--font-mono);color:var(--fg3);white-space:nowrap;font-size:8.5px}.pp-phd .phd-head .phd-av{background:linear-gradient(135deg, var(--gold-200), var(--gold-500));width:20px;height:20px;font-family:var(--font-display);color:var(--ink-900);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:8px;font-weight:700;display:flex}.pp-phd .phd-grid{grid-template-columns:1fr 1fr;gap:6px;padding:10px;display:grid}.pp-phd .phd-tile{aspect-ratio:4/5;transition:box-shadow .24s var(--ease-out);background:#000;position:relative;overflow:hidden;box-shadow:0 4px 10px -6px #241e1247}.pp-phd .phd-photo{background-position:50%;background-size:cover;position:absolute;inset:0}.pp-phd .phd-photo--1{background-image:radial-gradient(at 30% 20%,#ffffff2e,#0000 45%),linear-gradient(135deg,#c8a384,#805742)}.pp-phd .phd-photo--2{background-image:radial-gradient(at 30% 20%,#ffffff2e,#0000 45%),linear-gradient(135deg,#b29c76,#3b4354)}.pp-phd .phd-photo--3{background-image:radial-gradient(at 30% 20%,#ffffff2e,#0000 45%),linear-gradient(160deg,#af7b6a,#655134)}.pp-phd .phd-photo--4{background-image:radial-gradient(at 30% 20%,#ffffff2e,#0000 45%),linear-gradient(135deg,#819aa7,#3c475d)}.pp-phd .phd-photo--5{background-image:radial-gradient(at 30% 20%,#ffffff2e,#0000 45%),linear-gradient(135deg,#ba9778,#68463b)}.pp-phd .phd-photo--6{background-image:radial-gradient(at 30% 20%,#ffffff2e,#0000 45%),linear-gradient(160deg,#aa9874,#394356)}.pp-phd .phd-wm{pointer-events:none;z-index:1;width:150%;height:150%;position:absolute;top:-25%;left:-25%}.pp-phd .phd-wm-row{width:100%;display:block;position:absolute;left:0}.pp-phd .phd-wm-track{white-space:nowrap;animation:linear infinite phdWmMarquee;display:inline-flex}.pp-phd .phd-wm-track>span{font-family:var(--font-mono);letter-spacing:.04em;color:#ffffff4d;text-shadow:0 1px 2px #0006;white-space:nowrap;padding-right:3em;font-size:6px;display:inline-block;transform:rotate(-22deg)}@keyframes phdWmMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.pp-phd .phd-wm-track{animation:none}}.pp-phd .phd-id{color:#ffffffe6;font-family:var(--font-mono);z-index:2;background:#000000a6;border-radius:3px;padding:2px 5px;font-size:7px;position:absolute;top:6px;left:6px}.pp-phd .phd-check{color:#0000;z-index:2;width:17px;height:17px;transition:background .24s var(--ease-out), border-color .24s var(--ease-out), color .24s var(--ease-out), transform .24s var(--ease-out);background:#0000008c;border:1px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:6px;right:6px}.pp-phd .phd-check svg{stroke-width:3px;width:9px;height:9px}.pp-phd .phd-tile--sel,.pp-phd[data-tapped=true] .phd-tile--tap{box-shadow:0 0 0 2px var(--gold-300), 0 6px 14px -4px #dbc39673}.pp-phd .phd-tile--sel .phd-check,.pp-phd[data-tapped=true] .phd-tile--tap .phd-check{background:var(--gold-300);border-color:var(--gold-300);color:var(--ink-900);transform:scale(1.05)}.pp-phd[data-phase=tap] .phd-sc--live .phd-tile--tap .phd-check{animation:phdCheckPop .24s var(--ease-out) .3s backwards}.pp-phd .phd-tap-dot{opacity:0;z-index:3;background:#ffffffa6;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;top:55%;left:50%;box-shadow:0 0 0 3px #ffffff40}.pp-phd[data-phase=tap] .phd-sc--live .phd-tap-dot{animation:phdTapDot .45s var(--ease-out) .1s both}.pp-phd .phd-dock{background:var(--surface);border:1px solid var(--gold-300);z-index:4;border-radius:13px;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px 7px 12px;display:flex;position:absolute;bottom:18px;left:12px;right:12px;box-shadow:0 12px 26px -10px #241e1247,inset 0 0 0 1px #dbc3962e}.pp-phd .phd-dock .phd-ct{align-items:center;gap:7px;display:flex}.pp-phd .phd-num{width:11px;height:16px;font-family:var(--font-display);color:var(--gold-700);letter-spacing:-.02em;font-size:16px;font-weight:800;line-height:1;position:relative}.pp-phd .phd-num span{transition:opacity .2s var(--ease-out);position:absolute;inset:0}.pp-phd .phd-num .phd-num--after,.pp-phd[data-tapped=true] .phd-num .phd-num--before{opacity:0}.pp-phd[data-tapped=true] .phd-num .phd-num--after{opacity:1}.pp-phd[data-tapped=true] .phd-sc--live .phd-num{animation:phdCountPop .26s var(--ease-out) .4s}.pp-phd .phd-dock .phd-lab{color:var(--fg2);font-size:8.5px;line-height:1.2}.pp-phd .phd-review{font-family:var(--font-display);background:var(--gold-300);color:var(--ink-900);white-space:nowrap;border-radius:7px;padding:5px 9px;font-size:9px;font-weight:600}.pp-phd .phd-home{z-index:4;background:#1a181433;border-radius:999px;width:80px;height:4px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.pp-phd .phd-sc--captured .phd-photo,.pp-phd .phd-sc--captured .phd-tap-dot{display:none}.pp-phd .phd-shot-thumb{width:calc(var(--phd-inner) * .227);height:calc(var(--phd-inner) * .227 * 632 / 282);contain:paint;transform-origin:0 100%;visibility:hidden;opacity:0;pointer-events:none;background:linear-gradient(#faf7f2fc,#faf7f2fc);border-radius:10px;position:absolute;bottom:24px;left:10px;overflow:hidden;box-shadow:0 0 0 2.5px #fff,0 6px 18px #00000059}.pp-phd .phd-shot-scale{width:var(--phd-inner);height:calc(var(--phd-inner) * 632 / 282);position:absolute;top:0;left:0}.pp-phd .phd-shot-thumb .phd-shot-scale{transform-origin:0 0;transform:scale(.227)}.pp-phd:is([data-phase=thumb],[data-phase=expand]) .phd-shot-thumb{visibility:visible;opacity:1}.pp-phd[data-phase=thumb] .phd-shot-thumb{animation:.48s cubic-bezier(.34,1.56,.64,1) both phdThumbIn}.pp-phd[data-phase=expand] .phd-shot-thumb{animation:phdThumbOut .18s var(--ease-out) both}.pp-phd .phd-shot-preview{transform-origin:15% 85%;visibility:hidden;opacity:0;pointer-events:none;background:linear-gradient(#e4e0d7fc,#e4e0d7fc);border-radius:45px;position:absolute;inset:0;overflow:hidden}.pp-phd .phd-preview-bar{justify-content:space-between;align-items:center;height:44px;padding:14px 18px 0;display:flex;position:absolute;top:0;left:0;right:0}.pp-phd .phd-done{font-family:var(--font-display);color:var(--gold-700);font-size:13px;font-weight:600}.pp-phd .phd-tools{gap:5px;display:flex}.pp-phd .phd-tools i{background:#1a181440;border-radius:50%;width:5px;height:5px}.pp-phd .phd-preview-shot{--phd-shot-top-n:48;--phd-shot-bot-n:20;--phd-shot-fit:calc((var(--phd-screen-h-n) - var(--phd-shot-top-n) - var(--phd-shot-bot-n)) / var(--phd-shot-nat-h-n));top:calc(var(--phd-shot-top-n) * 1px);bottom:calc(var(--phd-shot-bot-n) * 1px);width:calc(var(--phd-inner) * var(--phd-shot-fit));contain:paint;background:linear-gradient(#faf7f2fc,#faf7f2fc);border-radius:10px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 0 0 1px #1a181424,0 10px 26px -10px #241e124d}.pp-phd .phd-preview-shot .phd-shot-scale{transform:scale(var(--phd-shot-fit));transform-origin:0 0;top:0;bottom:auto;left:0}.pp-phd:is([data-phase=expand],[data-phase=preview],[data-phase=dismiss]) .phd-shot-preview--ss{visibility:visible;opacity:1}.pp-phd[data-phase=expand] .phd-shot-preview--ss{animation:phdPreviewIn .55s var(--ease-out) both}.pp-phd[data-phase=dismiss] .phd-shot-preview--ss{animation:phdPreviewOut .42s var(--ease-in-out) both}.pp-phd .phd-cc{z-index:55;visibility:hidden;opacity:0;pointer-events:none;background:linear-gradient(#18161cd1,#18161cd1);border-radius:45px;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;align-content:start;gap:12px;padding:52px 16px 0;display:grid;position:absolute;inset:0;overflow:hidden}.pp-phd:is([data-phase=cc],[data-phase=cc-tap],[data-phase=cc-count],[data-phase=cc-out]) .phd-cc{visibility:visible;opacity:1}.pp-phd[data-phase=cc] .phd-cc{animation:phdCcIn .45s var(--ease-out) both}.pp-phd[data-phase=cc-out] .phd-cc{animation:phdCcOut .4s var(--ease-in-out) both}.pp-phd .phd-cc-card{background:#ffffff24;border-radius:14px;height:64px}.pp-phd .phd-cc-conn{grid-template-columns:1fr 1fr;place-items:center;padding:8px;display:grid}.pp-phd .phd-cc-conn i{background:#ffffff38;border-radius:50%;width:20px;height:20px}.pp-phd .phd-cc-conn i.phd-cc-on{background:#0a84ffe6}.pp-phd .phd-cc-music{align-items:center;gap:8px;padding:0 10px;display:flex}.pp-phd .phd-cc-art{background:linear-gradient(135deg, var(--gold-200), var(--gold-500));border-radius:8px;flex-shrink:0;width:30px;height:30px}.pp-phd .phd-cc-lines{flex-direction:column;flex:1;gap:5px;display:flex}.pp-phd .phd-cc-lines i{background:#ffffff47;border-radius:3px;width:78%;height:5px}.pp-phd .phd-cc-lines i:last-child{background:#fff3;width:48%}.pp-phd .phd-cc-slider{background:#ffffff24;border-radius:15px;justify-self:center;width:30px;height:64px;position:relative;overflow:hidden}.pp-phd .phd-cc-slider i{background:#ffffffd9;position:absolute;bottom:0;left:0;right:0}.pp-phd .phd-cc-bright i{height:60%}.pp-phd .phd-cc-vol i{height:40%}.pp-phd .phd-cc-row{grid-column:1/-1;justify-content:center;gap:12px;display:flex}.pp-phd .phd-cc-btn{background:#ffffff24;border-radius:50%;width:40px;height:40px;position:relative}.pp-phd .phd-cc-rec-ico{position:absolute;inset:0}.pp-phd .phd-cc-rec-ico:before{content:"";border:1.5px solid #ffffffe6;border-radius:50%;position:absolute;inset:9px}.pp-phd .phd-cc-rec-ico:after{content:"";background:#ffffffe6;border-radius:50%;position:absolute;inset:14px}.pp-phd:is([data-phase=cc-count],[data-phase=cc-out]) .phd-cc-rec-ico{opacity:0}.pp-phd .phd-cc-rec .phd-tap-dot{width:16px;height:16px;margin:-8px 0 0 -8px;top:50%}.pp-phd[data-phase=cc-tap] .phd-cc-rec .phd-tap-dot{animation:phdTapDot .45s var(--ease-out) both}.pp-phd .phd-cc-digits{position:absolute;inset:0}.pp-phd .phd-d{font-family:var(--font-display);color:#fff;opacity:0;justify-content:center;align-items:center;font-size:16px;font-style:normal;font-weight:700;display:flex;position:absolute;inset:0}.pp-phd[data-phase=cc-count] .phd-d--3{animation:.5s linear both phdDigit}.pp-phd[data-phase=cc-count] .phd-d--2{animation:.5s linear .5s both phdDigit}.pp-phd[data-phase=cc-count] .phd-d--1{animation:.5s linear 1s both phdDigit}.pp-phd .phd-island-rec{z-index:61;visibility:hidden;opacity:0;pointer-events:none;background:linear-gradient(#050505fc,#050505fc);border-radius:999px;align-items:center;gap:5px;width:112px;height:25px;margin-left:-56px;padding:0 12px;display:flex;position:absolute;top:11px;left:50%}.pp-phd:is([data-phase=rec],[data-phase=rec-tap]) .phd-island-rec{visibility:visible;opacity:1}.pp-phd[data-phase=rec] .phd-island-rec{animation:.38s cubic-bezier(.34,1.56,.64,1) both phdRecIn}.pp-phd[data-phase=rec-tap] .phd-island-rec{animation:phdRecOut .28s var(--ease-in-out) .16s both}.pp-phd .phd-rec-dot{background:#ff453a;border-radius:50%;flex-shrink:0;width:8px;height:8px}.pp-phd:is([data-phase=rec],[data-phase=rec-tap]) .phd-rec-dot{animation:phdRecPulse 1s var(--ease-in-out) infinite}.pp-phd .phd-rec-time{width:26px;height:12px;font-family:var(--font-mono);color:#fff;font-size:9px;position:relative}.pp-phd .phd-rec-time span{line-height:12px;position:absolute;inset:0}.pp-phd .phd-rt--b{opacity:0}.pp-phd[data-phase=rec] .phd-rt--a{animation:.2s linear .9s both phdFadeOut}.pp-phd[data-phase=rec] .phd-rt--b{animation:.2s linear .9s both phdFadeIn}.pp-phd[data-phase=rec-tap] .phd-rt--a{opacity:0}.pp-phd[data-phase=rec-tap] .phd-rt--b{opacity:1}.pp-phd .phd-rec-cam{background:radial-gradient(circle at 35% 35%,#1d2c3a 0%,#0a0d12 70%);border-radius:50%;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;right:9px}.pp-phd .phd-island-rec .phd-tap-dot{width:14px;height:14px;margin:-7px 0 0 -7px;top:50%;left:50%}.pp-phd[data-phase=rec-tap] .phd-island-rec .phd-tap-dot{animation:phdTapDot .4s var(--ease-out) both}.pp-phd .phd-vid-preview{transform-origin:50% 4%}.pp-phd .phd-vid-preview .phd-preview-shot{--phd-shot-bot-n:52}.pp-phd:is([data-phase=vid-expand],[data-phase=vid],[data-phase=vid-dismiss]) .phd-vid-preview{visibility:visible;opacity:1}.pp-phd[data-phase=vid-expand] .phd-vid-preview{animation:phdPreviewIn .55s var(--ease-out) both}.pp-phd[data-phase=vid-dismiss] .phd-vid-preview{animation:phdPreviewOut .42s var(--ease-in-out) both}.pp-phd .phd-vid-play{background:#00000080;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #ffffff59}.pp-phd .phd-vid-play:after{content:"";border:6px solid #0000;border-left:10px solid #fffffff2;border-right-width:0;margin:-6px 0 0 -4px;position:absolute;top:50%;left:50%}.pp-phd .phd-vid-scrub{align-items:center;gap:8px;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.pp-phd .phd-vid-t{font-family:var(--font-mono);color:var(--fg3);font-size:8px}.pp-phd .phd-vid-track{background:#1a18142e;border-radius:2px;flex:1;height:3px;position:relative;overflow:hidden}.pp-phd .phd-vid-track i{background:var(--gold-500);border-radius:2px;width:35%;position:absolute;top:0;bottom:0;left:0}.pp-phd[data-phase=flash] .phd-flash{animation:phdFlash .33s var(--ease-out) both}@keyframes phdTapDot{0%{opacity:0;transform:scale(.4)}30%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}@keyframes phdCheckPop{0%{transform:scale(.6)}60%{transform:scale(1.18)}to{transform:scale(1.05)}}@keyframes phdCountPop{0%{transform:scale(1)}50%{transform:scale(1.22)}to{transform:scale(1)}}@keyframes phdBtnPress{0%{transform:translate(0)}35%{transform:translateX(var(--phd-press-x,0))}70%{transform:translateX(var(--phd-press-x,0))}to{transform:translate(0)}}@keyframes phdBtnGlow{0%{opacity:0}40%{opacity:.9}to{opacity:0}}@keyframes phdFlash{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes phdThumbIn{0%{opacity:0;transform:translateY(12px)scale(.5)}65%{opacity:1;transform:translateY(0)scale(1.07)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes phdThumbOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}@keyframes phdPreviewIn{0%{opacity:0;transform:scale(.28)}to{opacity:1;transform:scale(1)}}@keyframes phdPreviewOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.3)}}@keyframes phdCcIn{0%{opacity:0;transform:translateY(-6%)}to{opacity:1;transform:translateY(0)}}@keyframes phdCcOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5%)}}@keyframes phdDigit{0%{opacity:0;transform:scale(1.3)}20%{opacity:1;transform:scale(1)}82%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes phdRecIn{0%{opacity:0;transform:scaleX(.75)}to{opacity:1;transform:scaleX(1)}}@keyframes phdRecOut{0%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(.75)}}@keyframes phdRecPulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes phdFadeIn{0%{opacity:0}to{opacity:1}}@keyframes phdFadeOut{0%{opacity:1}to{opacity:0}}@media (max-width:1024px){.pp-phd{--phd-w:280px;--phd-w-n:280}}@media (max-width:980px){.pp-phd{--phd-w:260px;--phd-w-n:260}}@media (max-width:640px){.pp-phd{--phd-w:276px;--phd-w-n:276}.pp-phd .phd-status .phd-time{font-size:10.5px}.pp-phd .phd-status .phd-glyphs{transform-origin:100%;gap:4px;transform:scale(.86)}}@media (max-width:480px){.pp-phd{--phd-w:265px;--phd-w-n:265}}@media (prefers-reduced-motion:reduce){.pp-phd *,.pp-phd :before,.pp-phd :after{transition:none!important;animation:none!important}}