/* Signed-out view of a shared profile, post or shop link (scripts/guest-view.js).
   Uses the page's own :root tokens, with fallbacks so it still reads if a page
   defines none. */
.guest-card{
    background:var(--card,#0e1226);
    border:1px solid var(--border,rgba(255,255,255,0.08));
    border-radius:18px;overflow:hidden;
}
.guest-media{display:flex;justify-content:center;background:var(--bg-soft,#0a1023)}
.guest-img{display:block;width:100%;aspect-ratio:1.91/1;object-fit:cover}
.guest-mark{
    display:flex;align-items:center;justify-content:center;
    width:100%;aspect-ratio:2.6/1;
    background:linear-gradient(135deg,var(--accent,#7c8cff),var(--accent2,#b06cff));
    color:#fff;font-size:3rem;font-weight:800;
}
/* A profile's picture is an avatar: shown round, not cropped to a banner. */
.guest-profile .guest-media{padding:28px 0 4px;background:none}
.guest-profile .guest-img,
.guest-profile .guest-mark{
    width:120px;height:120px;aspect-ratio:auto;border-radius:50%;
    border:2px solid var(--border-strong,rgba(124,140,255,0.28));font-size:2.8rem;
}
.guest-title{font-size:1.6rem;font-weight:800;line-height:1.25;padding:18px 22px 0;word-break:break-word}
.guest-profile .guest-title{text-align:center}
.guest-desc{color:var(--muted-strong,#c2c9e8);font-size:.98rem;padding:8px 22px 22px;white-space:pre-wrap;word-break:break-word}
.guest-profile .guest-desc{text-align:center}
.guest-teaser{color:var(--muted,#9aa3c7);text-align:center;font-size:.92rem;margin:22px 0 12px}
.guest-actions{display:flex;flex-direction:column;gap:12px}
.guest-btn{
    display:block;text-align:center;text-decoration:none;
    padding:14px 18px;border-radius:12px;font-weight:700;font-size:1rem;line-height:1.3;
}
.guest-btn-primary{background:linear-gradient(90deg,var(--accent,#7c8cff),var(--accent2,#b06cff));color:#fff}
.guest-btn-secondary{border:1px solid var(--border-strong,rgba(124,140,255,0.28));color:var(--text,#f4f6ff)}
.guest-btn-secondary:hover{border-color:var(--accent,#7c8cff)}