.ppl-backdrop{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(20,27,37,.6);overflow:auto;overscroll-behavior:contain}
.ppl-panel{width:min(100%,480px);max-height:calc(100dvh - 48px);overflow:auto;padding:28px;background:#fff;color:#19212d;border-radius:18px;box-shadow:0 24px 70px #0003;font-family:inherit}
.ppl-panel .ppl-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;letter-spacing:.1em;color:#596273}
.ppl-panel h1{font-size:26px;line-height:1.35;margin:24px 0 12px;letter-spacing:-.04em}
.ppl-panel p{font-size:15px;line-height:1.65;color:#596273;overflow-wrap:anywhere}
.ppl-summary{margin:24px 0;padding:20px;background:#f5f6f8;border:1px solid #e1e5eb;border-radius:12px}
.ppl-summary h2{font-size:16px;line-height:1.5;margin:0 0 12px;overflow-wrap:anywhere}
.ppl-summary strong{font-size:28px;font-variant-numeric:tabular-nums}
.ppl-summary p{margin-bottom:0;font-size:13px}
.ppl-actions{display:grid;gap:10px;margin-top:24px}
.ppl-panel button{min-height:46px;padding:10px 16px;border:1px solid #d3d9e1;border-radius:10px;background:#fff;color:#19212d;font:inherit;font-weight:700;cursor:pointer}
.ppl-panel .ppl-heading button{font-size:26px;line-height:1;padding:4px 12px;min-width:44px}
.ppl-panel .ppl-primary{background:#ffe135;color:#161b23;border-color:#dfc324}
.ppl-panel button:disabled{cursor:wait;opacity:.6}.ppl-panel :focus-visible{outline:3px solid #2468c5;outline-offset:3px}
@media(max-width:520px){.ppl-backdrop{padding:16px;align-items:center}.ppl-panel{padding:22px;max-height:calc(100dvh - 32px)}.ppl-panel h1{font-size:24px}}