/* proof cards: lightweight per-platform templates, tinted to the neoG dark palette */
.pc{break-inside:avoid;margin:0 0 20px;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.1);font:400 .95rem/1.5 "Space Grotesk",system-ui,sans-serif;color:#e3e6ec;position:relative;text-align:left}
.pc .bl{filter:blur(3px);-webkit-filter:blur(3px);user-select:none}
.pc.heavy .bl{filter:blur(6px);-webkit-filter:blur(6px)}
.pc em{font-style:italic}
.pc .tx{white-space:normal;word-break:break-word}
.pc .av{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:700;font-size:.9rem;color:#fff;background:linear-gradient(135deg,hsl(var(--h) 70% 55%),hsl(calc(var(--h) + 50) 70% 40%))}
.pc .av.bl{color:transparent}
.rx{display:inline-flex;gap:5px;align-items:center;border-radius:8px;padding:2px 8px;font-size:.8rem;margin:6px 6px 0 0}
.pc .mn{border-radius:4px;padding:0 3px}
.pc.compact{max-height:430px}
.pc.compact::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(transparent,var(--fade));pointer-events:none}

/* Discord */
.pc--discord{--fade:#0f121a;background:#0f121a;padding:14px 0 12px}
.dc-ch{padding:0 16px 10px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08);color:#b5bac1;font-weight:600;font-size:.88rem}
.dc-date{display:flex;align-items:center;gap:10px;color:#80848e;font-size:.75rem;font-weight:600;padding:2px 16px 10px}
.dc-date::before,.dc-date::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.1)}
.dc-m{display:grid;grid-template-columns:38px 1fr;gap:0 12px;padding:5px 16px}
.dc-m.cont{padding-top:0}.dc-m.cont .av,.dc-m.cont .dc-h{visibility:hidden;height:0}
.dc-h{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.dc-n{font-weight:600;color:#f2f3f5}.dc-n.ment{color:var(--nc)}
.dc-tm{font-size:.72rem;color:#80848e}
.dc-m .tx{color:#dbdee1}
.dc-m.hl{background:rgba(250,166,26,.07);box-shadow:inset 2px 0 0 #f0b232}
.dc-m .mn{background:rgba(88,101,242,.3);color:#c9cdfb}
.dc-rp{grid-column:2;display:flex;gap:6px;font-size:.8rem;color:#b5bac1;margin-bottom:3px;position:relative;padding-left:16px}
.dc-rp::before{content:"";position:absolute;left:-24px;top:8px;width:34px;height:10px;border-left:2px solid #4e5058;border-top:2px solid #4e5058;border-radius:6px 0 0 0}
.dc-rp b{color:#c1c6cf;font-weight:600;white-space:nowrap}.dc-rp span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc--discord .rx{background:#23262f;border:1px solid transparent;color:#b5bac1}
.pc--discord .rx.me{background:rgba(88,101,242,.18);border-color:#5865f2}

/* WhatsApp + Telegram share a doodle wallpaper made of CSS gradients */
.pc--whatsapp,.pc--telegram{--fade:#0b141a;padding:14px 14px 16px;background:
  radial-gradient(circle at 25% 30%,transparent 5px,rgba(255,255,255,.055) 5.5px,rgba(255,255,255,.055) 6.5px,transparent 7px) 0 0/58px 58px,
  radial-gradient(circle at 70% 70%,rgba(255,255,255,.06) 2px,transparent 2.5px) 0 0/44px 44px,
  linear-gradient(45deg,transparent 46%,rgba(255,255,255,.045) 47%,rgba(255,255,255,.045) 50%,transparent 51%) 0 0/72px 72px,
  #0b141a}
.pc--telegram{--fade:#0e1220;background-color:#0e1220}
.pc--telegram{background:
  radial-gradient(circle at 25% 30%,transparent 5px,rgba(170,160,255,.09) 5.5px,rgba(170,160,255,.09) 6.5px,transparent 7px) 0 0/58px 58px,
  radial-gradient(circle at 70% 70%,rgba(170,160,255,.09) 2px,transparent 2.5px) 0 0/44px 44px,#0e1220}
.wa-top{display:flex;align-items:center;gap:10px;margin:-14px -14px 12px;padding:10px 14px;background:#1f2c34;font-weight:600}
.wa-top .av{width:32px;height:32px;font-size:.8rem}
.bub{max-width:92%;width:fit-content;border-radius:12px;padding:8px 12px 6px;margin:0 0 6px;position:relative}
.bub .tm{display:block;text-align:right;font-size:.7rem;opacity:.65;margin-top:2px}
.pc--whatsapp .bub{background:#202c33;border-top-left-radius:2px;color:#e9edef}
.pc--whatsapp .bub:first-of-type::before{content:"";position:absolute;left:-7px;top:0;border:7px solid transparent;border-top-color:#202c33;border-right-color:#202c33}
.pc--whatsapp .rx{background:#202c33;border:1px solid #0b141a;margin:-12px 0 8px 8px;position:relative;z-index:1}
.pc--telegram .bub{background:#2a2347;color:#f1eefc;border-bottom-left-radius:4px}
.pc--telegram .bub.out{background:#5b52d6;margin-left:auto;border-bottom-right-radius:4px;border-bottom-left-radius:12px;color:#fff}
.tg-n{display:block;font-weight:600;color:#b9a8ff;font-size:.88rem;margin-bottom:2px}
.pc--telegram .mn{color:#79b8ff}
.tg-rp{border-left:3px solid #ff7a6b;background:rgba(255,122,107,.12);border-radius:4px;padding:3px 8px;margin:2px 0 6px;font-size:.85rem}
.tg-rp b{display:block;color:#ff8f82;font-weight:600}
.tg-ph{display:block;margin:4px -12px 6px;width:calc(100% + 24px);max-width:none;height:auto}
.pc--telegram .rx{background:rgba(255,255,255,.1);border-radius:999px;padding:3px 10px}
.pc--telegram .out .rx{background:rgba(255,255,255,.2)}

/* Instagram-style DM */
.pc--instagram{--fade:#0a0a0f;background:#0a0a0f;padding:18px 16px 20px;display:grid;gap:6px}
.ig-in{display:flex;gap:10px;align-items:flex-end}
.ig-in .av{width:30px;height:30px}
.ig-b{background:#262830;border-radius:22px;padding:12px 16px;max-width:86%;color:#f5f5f7}
.ig-t{text-align:center;color:#8b8d97;font-size:.72rem;letter-spacing:.04em;margin:10px 0}
.ig-out{justify-self:end;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;border-radius:22px;padding:8px 16px;font-size:1.05rem}
.ig-out+.ig-out{border-top-right-radius:6px}

/* Gmail */
.pc--gmail{--fade:#1b1c1f;background:#1b1c1f;padding:18px 20px;color:#e3e3e3;font-family:Arial,"Helvetica Neue",sans-serif}
.gm-s{font-size:1.25rem;line-height:1.3;margin-bottom:8px}
.gm-l{display:inline-block;background:#3c3f44;border-radius:5px;padding:0 8px;font-size:.72rem;margin:0 6px 0 0;vertical-align:middle}
.gm-l.b{background:#3b6ad8}
.gm-h{display:flex;gap:12px;align-items:flex-start;margin:16px 0 14px}
.gm-h .av{background:#1a5fb4;width:38px;height:38px}
.gm-from{font-size:.88rem;line-height:1.4}.gm-from b{font-weight:700}.gm-from span{color:#9aa0a6}
.gm-d{margin-left:auto;font-size:.76rem;color:#9aa0a6;white-space:nowrap}
.gm-body{font-size:.92rem;line-height:1.6}.gm-sig{margin-top:14px;font-size:.88rem;line-height:1.55}
.gm-sig strong{font-size:1.4rem;letter-spacing:-.02em;display:block;margin-bottom:4px}
@media(max-width:480px){.gm-d{display:none}}

.pc.tw{background:#0b1220;padding:18px 20px;color:#e6eaf2}
.tw-h{display:flex;align-items:center;gap:12px}
.tw-h>div{flex:1;min-width:0}.tw-h b{display:block;font-weight:600;line-height:1.2}.tw-h span:not(.tw-av){display:block;color:#8793a7;font-size:.88rem;overflow:hidden;text-overflow:ellipsis}
.tw-av{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:600;background:hsl(var(--h),38%,28%);color:#d8f6fa}
.xg{flex:none;width:18px;height:18px;color:#8793a7}
.tw-t{margin-top:12px;white-space:normal;overflow-wrap:anywhere}
.tw .mn{color:#80deea}
.tw-q{margin-top:12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 14px;font-size:.9rem;color:#c3ccdb}
.tw-q b{font-weight:600}.tw-q span{color:#8793a7}.tw-q p{margin-top:6px}
.tw-d{display:block;margin-top:12px;color:#8793a7;font-size:.82rem}