/* Web-only pieces of the app: sign-in gate, account button, account and guest-page sheets */
.pp-right{display:flex;align-items:center;gap:10px;margin-left:auto}
.pp-acct{width:34px;height:34px;border-radius:50%;border:2px solid var(--line);background:var(--surface);padding:0;overflow:hidden;cursor:pointer;display:grid;place-items:center;font-weight:700;color:var(--accent);flex:none;position:relative}
.pp-acct img{width:100%;height:100%;object-fit:cover}
.pp-acct.ping::after{content:"";position:absolute;top:0;right:0;width:9px;height:9px;border-radius:50%;background:var(--heart);border:2px solid var(--surface)}
#pp-gate{position:fixed;inset:0;z-index:3000;background:var(--bg);display:grid;place-items:center;padding:16px}
#pp-gate[hidden]{display:none}
.pp-card{width:min(100%,420px);background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:28px 24px;display:grid;gap:14px;justify-items:center;text-align:center}
.pp-card h1{font-size:2rem}
.pp-card p{margin:0}
.pp-home{justify-self:start;font-size:.85rem;color:var(--muted);text-decoration:none}
.pp-google{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;font-size:1rem}
#pp-modal{position:fixed;inset:0;z-index:2500;background:rgba(8,18,22,.45);display:flex;align-items:flex-end;justify-content:center}
#pp-modal[hidden]{display:none}
.pp-sheet{background:var(--surface);color:var(--ink);width:min(100%,520px);max-height:90vh;overflow-y:auto;border-radius:24px 24px 0 0;padding:20px 18px 22px;display:grid;gap:12px}
@media (min-width:720px){#pp-modal{align-items:center;padding:24px}.pp-sheet{border-radius:24px}}
.pp-sheet h2{margin:0;font-family:var(--display);font-weight:600}
.pp-sec{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--line)}
.pp-sec .k{font-size:.8rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.pp-mem{font-size:.95rem}
.pp-link{display:flex;gap:8px}
.pp-link input{flex:1;min-width:0;font:inherit;font-size:16px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink)}
.pp-invite{background:var(--bg);border-radius:14px;padding:12px;display:grid;gap:8px}
.pp-qr{justify-self:center;background:#fff;padding:12px;border-radius:12px;min-height:244px;min-width:244px;display:grid;place-items:center;color:#1B2A31}
.pp-sheet a.btn{text-decoration:none;display:inline-flex;align-items:center}
.pp-sheet label.btn{cursor:pointer}