.pi{z-index:2;pointer-events:none;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.pi-wait{visibility:hidden;border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-paper);padding:10px 18px;font-size:16px;font-weight:700;animation:0s .6s forwards pi-reveal}@keyframes pi-reveal{to{visibility:visible}}@media (prefers-reduced-motion:reduce){.pi-wait{animation-delay:.6s!important}}.pi-card{border:1.5px solid var(--color-ink);border-radius:var(--radius-card);background:var(--color-paper);width:min(460px,100%);color:var(--color-ink);box-shadow:6px 6px 0 var(--color-brand);text-align:left;pointer-events:auto;justify-items:start;gap:10px;padding:20px 22px;display:grid}.pi-title{letter-spacing:-.01em;font-size:20px;font-weight:800}.pi-text{font-size:17px;line-height:1.45}.pi-note{color:var(--color-ink-2);font-size:15px;line-height:1.5}.pi-actions{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:4px;display:flex}.pi-card .pi-primary{border:1.5px solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-brand);min-height:52px;color:var(--color-ink);box-shadow:4px 4px 0 var(--color-ink);align-items:center;padding:0 20px;font-size:16px;font-weight:700;display:inline-flex}.pi-card .pi-secondary{border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-paper);min-height:52px;color:var(--color-ink);align-items:center;padding:0 18px;font-size:16px;font-weight:600;display:inline-flex}.pi-card .pi-primary:hover:not(:disabled),.pi-card .pi-secondary:hover:not(:disabled){border-color:var(--color-ink)}.pi .pi-card :focus-visible{outline:2px solid var(--color-ink);outline-offset:2px;box-shadow:0 0 0 5px var(--color-brand)}
