.ph-sketch{background:linear-gradient(160deg,#1c2446,#0f1428);border-radius:34px;width:236px;min-height:330px;margin-inline:auto;padding:34px 12px 12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 6px #2a3257,0 24px 40px -20px #0a0e1e99}.ph-sketch__notch{background:#070a16;border-radius:999px;width:70px;height:16px;margin-left:-35px;position:absolute;top:12px;left:50%}.ph-sketch__time{text-align:center;color:#eef0f8;font-size:30px}.ph-sketch__list{gap:7px;margin-top:12px;display:grid}.ph-sketch__note{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:.52s cubic-bezier(.22,1,.36,1) both ph-in;animation-delay:calc(var(--i) * .22s + .2s);background:#f0f2fa24;border-radius:12px;gap:1px;padding:8px 10px;display:grid}.ph-sketch__from{letter-spacing:.06em;text-transform:uppercase;color:#f3cf7a;font-size:10.5px;font-weight:700}.ph-sketch__what{color:#eef0f8;font-size:12px;line-height:1.35}@keyframes ph-in{0%{opacity:0;transform:translateY(-10px)scale(.97)}}@media (prefers-reduced-motion:reduce){.ph-sketch__note{animation:none}}