.pp-bg{position:fixed;inset:0;z-index:160;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;justify-content:center;opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s .2s}.pp-bg.on{opacity:1;visibility:visible;transition:opacity .2s}
.pp-box{width:100%;max-width:420px;background:var(--card,#fff);color:var(--text,#0f172a);border-radius:24px 24px 0 0;padding:20px 20px calc(18px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .28s cubic-bezier(.34,1.2,.64,1);text-align:center}.pp-bg.on .pp-box{transform:none}
@media(min-width:600px){.pp-bg{align-items:center}.pp-box{border-radius:24px}}
.pp-box h3{margin:0 0 4px;font-size:18px}.pp-box p{margin:0 0 14px;font-size:13px;color:var(--faint,#64748b)}
.pp-dots{display:flex;justify-content:center;gap:14px;margin:6px 0 8px}.pp-dots i{width:15px;height:15px;border-radius:50%;border:2px solid var(--faint,#94a3b8);transition:transform .15s,background .15s,border-color .15s}.pp-dots i.on{background:var(--accent,#2563eb);border-color:var(--accent,#2563eb);transform:scale(1.15)}
.pp-dots.err{animation:pp-sh .4s}@keyframes pp-sh{20%,60%{transform:translateX(-9px)}40%,80%{transform:translateX(9px)}}
.pp-er{min-height:18px;font-size:12px;color:var(--err);font-weight:700;margin-bottom:6px}
.pp-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:6px auto 4px;max-width:300px}
.pp-pad button{font:inherit;font-size:24px;font-weight:700;height:58px;border-radius:16px;border:1px solid var(--border,#e2e8f0);background:var(--tert,#f1f5f9);color:inherit;cursor:pointer;transition:transform .1s,background .15s}.pp-pad button:active{transform:scale(.93);background:var(--info-bg,#dbeafe)}.pp-pad .x{background:none;border-color:transparent;font-size:15px;color:var(--faint)}
.pp-lupa{background:none;border:0;color:var(--accent,#2563eb);font:inherit;font-weight:700;font-size:13px;margin-top:10px;cursor:pointer}