.pd,.pd *,.pd :before,.pd :after{box-sizing:border-box}.pd{zoom:var(--pd-zoom,.62);background:linear-gradient(145deg,#3a3f47,#111317 38%,#25292f 70%,#0d0f12);border-radius:66px;width:418px;padding:14px;position:relative;box-shadow:inset 0 0 0 2px #4a505a,inset 0 0 0 7px #0b0d10,0 70px 120px -50px #0f172aa6,0 30px 60px -30px #0f172a73}.pd-btn{background:linear-gradient(90deg,#15181c,#4a505a);border-radius:3px;width:5px;position:absolute}.pd-btn-action{height:34px;top:150px;left:-4px}.pd-btn-up{height:64px;top:212px;left:-4px}.pd-btn-down{height:64px;top:290px;left:-4px}.pd-btn-power{background:linear-gradient(270deg,#15181c,#4a505a);height:100px;top:240px;right:-4px}.pd-screen{contain:paint;background:#fff;border-radius:52px;width:390px;height:844px;position:relative;overflow:hidden;transform:translateZ(0)}.pd-content{padding-top:50px;position:absolute;inset:0;overflow:hidden}.pd-status{z-index:3;color:#0f172a;pointer-events:none;background:linear-gradient(#ffffffeb,#fff9);justify-content:space-between;align-items:center;height:54px;padding:4px 30px 0 44px;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;display:flex;position:absolute;inset:0 0 auto}.pd[data-immersive] .pd-content{padding-top:0}.pd[data-immersive] .pd-status{color:var(--surface);text-shadow:0 1px 2px color-mix(in srgb, var(--heading) 35%, transparent);background:0 0}.pd[data-immersive] .pd-home{background:var(--surface);opacity:.9}.pd-status b{font-size:clamp(14.5px,13.404px + .281vw,17px);font-weight:600}.pd-island{background:#000;border-radius:20px;width:124px;height:36px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.pd-icons{align-items:center;gap:6px;display:flex}.pd-home{z-index:3;opacity:.85;background:#0f172a;border-radius:3px;width:136px;height:5px;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.pd-glare{z-index:4;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#ffffff29,#0000 32%);position:absolute;inset:0}.pd-scroll[data-auto]{animation:22s ease-in-out infinite alternate pd-scroll}@keyframes pd-scroll{0%,12%{transform:none}88%,to{transform:translateY(calc(794px - 100%))}}@media (prefers-reduced-motion:reduce){.pd-scroll[data-auto]{animation:none}}