/* The privacy and terms pages of the web app: plain, readable, light and dark. */
:root { color-scheme: light dark; --bg: #faf7f2; --ink: #23203d; --ink-2: #5a5672; --brand: #6d4fd0; --line: #e6e0f2; }
@media (prefers-color-scheme: dark) { :root { --bg: #23203d; --ink: #f4f1fb; --ink-2: #bdb7d6; --brand: #c7b4f5; --line: #3a3660; } }
body { margin: 0; background: var(--bg); color: var(--ink); font: 16px/1.65 system-ui, -apple-system, "Segoe UI", Rubik, sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: calc(16px + env(safe-area-inset-top)) 16px calc(40px + env(safe-area-inset-bottom)); }
h1 { font-size: 28px; line-height: 1.2; margin: 8px 0 4px; }
h2 { font-size: 18px; margin: 28px 0 6px; }
.meta, .top { color: var(--ink-2); font-size: 14px; }
a { color: var(--brand); }
li { margin: 6px 0; }
hr { border: 0; border-top: 1px solid var(--line); margin: 40px 0; }