.pf{--pf-rx0:0deg;--pf-ry0:0deg;--pf-rz0:0deg;--pf-fill:#FAFAFC;--pf-bezel:#05070C;--pf-r-rim:15.5cqw;--pf-r-bezel:14.3cqw;--pf-r-screen:11.3cqw;--pf-r-key:1cqw;--pf-rim-hi:#FFFFFF;--pf-drop:0 2px 4px rgba(11,16,32,0.08),6px 24px 40px -14px rgba(11,16,32,0.24),16px 48px 96px -32px rgba(1,11,63,0.32);--pf-gloss:inset 0.35cqw 0.35cqw 0 rgba(255,255,255,0.6),inset -0.3cqw -0.3cqw 0 rgba(11,16,32,0.35);--pf-bezel-edge:inset 0 0 0 0.3cqw rgba(255,255,255,0.06);--pf-lens:rgba(108,154,255,0.28);--pf-glare:linear-gradient(128deg,rgba(255,255,255,0.16),rgba(255,255,255,0.05) 26%,rgba(255,255,255,0) 40%);--pf-floor:radial-gradient(closest-side,rgba(1,11,63,0.26),rgba(1,11,63,0.1) 55%,rgba(1,11,63,0));position:relative;container-type:inline-size;inline-size:var(--pf-w,100%);max-inline-size:100%;perspective:var(--pf-persp,1800px);perspective-origin:50% 42%}.pf[data-tilt=left]{--pf-rx0:6deg;--pf-ry0:-16deg;--pf-rz0:1.5deg}.pf[data-tilt=right]{--pf-rx0:6deg;--pf-ry0:16deg;--pf-rz0:-1.5deg}.pf-body{position:relative;aspect-ratio:100/216.97;transform-style:preserve-3d;transform:translateY(var(--pf-ty,0)) rotateX(var(--pf-rx,var(--pf-rx0))) rotateY(var(--pf-ry,var(--pf-ry0))) rotate(var(--pf-rz,var(--pf-rz0)))}.pf-edge{position:absolute;inset:0;border-radius:var(--pf-r-rim);background:linear-gradient(120deg,var(--pb-100) 0,var(--pub-line-ctl) 26%,var(--pub-ink-2) 58%,var(--pub-ink) 100%);transform:translateZ(calc(var(--pf-i, 1) * -.9cqw));pointer-events:none}.pf-edge:nth-child(5){box-shadow:var(--pf-drop)}.pf-key{position:absolute;inline-size:1.1cqw;border-radius:var(--pf-r-key);background:linear-gradient(90deg,var(--pub-line-ctl),var(--pub-ink-2));transform:translateZ(-2.2cqw);pointer-events:none}.pf-key--vol{inset-inline-start:-.7cqw;inset-block-start:26%;block-size:13%}.pf-key--power{inset-inline-end:-.7cqw;inset-block-start:30%;block-size:9%;background:linear-gradient(90deg,var(--pub-ink-2),var(--pub-ink))}.pf-plate{position:absolute;inset:0;box-sizing:border-box;padding:1.2cqw;border-radius:var(--pf-r-rim);background:linear-gradient(145deg,var(--pf-rim-hi) 0,var(--pb-100) 9%,var(--pub-line-ctl) 30%,var(--pub-ink-2) 56%,var(--pub-ink) 80%,var(--pub-ink-3) 100%)}.pf-plate:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:var(--pf-gloss);pointer-events:none}.pf-bezel{box-sizing:border-box;block-size:100%;padding:3cqw;border-radius:var(--pf-r-bezel);background:var(--pf-bezel);box-shadow:var(--pf-bezel-edge)}.pf-screen{position:relative;isolation:isolate;block-size:100%;overflow:hidden;border-radius:var(--pf-r-screen);background-color:var(--pf-fill)}.pf-status{display:block;inline-size:100%;block-size:auto;aspect-ratio:390/44}.pf-status__time{font-family:var(--pub-font-latin,system-ui,sans-serif);letter-spacing:-.01em;fill:var(--pub-ink)}.pf-status__island,.pf-status__lens{fill:var(--pf-bezel)}.pf-status__lens{stroke:var(--pf-lens);stroke-width:1.5}.pf-status__ink{fill:var(--pub-ink)}.pf-status__cell{fill:none;stroke:var(--pub-ink);stroke-opacity:.4;stroke-width:1.5}.pf-status__cap{fill:var(--pub-ink);fill-opacity:.4}.pf-content{position:relative;aspect-ratio:390/844}.pf-shot{position:absolute;inset-block-start:0;inset-inline-start:0;display:block;inline-size:100%;block-size:auto;max-inline-size:none;opacity:0;user-select:none;transition:opacity var(--pub-spring-smooth-dur,.37s) var(--pub-spring-smooth,cubic-bezier(.235,.102,.274,.982))}.pf-shot[data-active]{opacity:1}.pf-glare{inset:0;z-index:2;background:var(--pf-glare)}.pf-floor,.pf-glare{position:absolute;pointer-events:none}.pf-floor{inset-inline:14% 0;inset-block-end:-4%;block-size:8%;border-radius:50%;background:var(--pf-floor)}@media (prefers-reduced-motion:reduce){.pf-shot{transition-duration:.12s;transition-timing-function:linear}}@media (forced-colors:active){.pf-plate{outline:2px solid CanvasText}.pf-edge,.pf-floor,.pf-glare,.pf-key{display:none}}