/* The Sense Social placeholder (sense.social.perceptivitylabs.com, §5.7): monochrome, system fonts, nothing loaded
   from elsewhere (its CSP allows only itself). Works at phone width. */
:root{--bg:#f4f5f8;--card:#fff;--line:#e2e5eb;--ink:#14161b;--ink3:#5f6673;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#0f1114;--card:#171a1f;--line:#282d36;--ink:#eceef2;--ink3:#9aa0ad;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:var(--bg);color:var(--ink);font:15px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:520px;width:100%;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:28px 24px}
.mark{width:28px;height:28px;border-radius:7px;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-weight:700;margin:0 0 14px}
.cap{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);margin:0}
h1{font-size:22px;margin:4px 0 10px}
p{margin:0 0 12px;color:var(--ink3)}
a{color:var(--ink);font-weight:600}