/* Where to Next public pages (/privacy, /terms, /delete). One stylesheet,
   served at /page.css. Colours are the app's Bottle look (Theme.kt), so the
   page someone lands on from Settings looks like the app they came from. */
:root{
  color-scheme:dark;
  --bg:#141225;        /* app background */
  --surface:#1B1B2F;   /* cards, inputs */
  --ink:#F3EEE2;       /* onBackground */
  --muted:#C9C2B4;     /* onSurfaceVariant */
  --amber:#FFC93C;     /* primary: links, button */
  --on-amber:#231A00;  /* onPrimary */
  --line:#2C2B45;      /* table rules */
  --field:#6E6A8E;     /* input border, 3.6:1 on bg */
  --err:#FF8A73;       /* needle red, lifted to 8:1 */
  --font:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --s1:1rem;--s2:1.25rem;--s3:1.5625rem;--s4:1.9531rem;--s5:2.4414rem;
}
*{box-sizing:border-box}
html{overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--s1)/1.6 var(--font)}
main{max-width:68ch;margin:0 auto;padding:32px 16px 64px}
h1,h2{font-weight:800;line-height:1.15;letter-spacing:-.01em;overflow-wrap:break-word;margin:2em 0 .4em}
h1{font-size:clamp(var(--s4),6vw,var(--s5));margin-top:.25em}
h2{font-size:var(--s3)}
.brand{color:var(--amber);font-weight:700;font-size:var(--s1);margin:0}
.muted{color:var(--muted)}
a{color:var(--amber);text-underline-offset:.15em;padding:.2em 0}
a:hover{text-decoration-thickness:2px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
table{border-collapse:collapse;width:100%;font-size:.9375rem}
th,td{text-align:left;vertical-align:top;padding:10px 8px;border-bottom:1px solid var(--line)}
th{color:var(--muted);font-weight:600}
@media (max-width:600px){
  table,tbody,tr,td{display:block;width:100%}
  tr:first-child{display:none}
  tr{padding:12px 0;border-bottom:1px solid var(--line)}
  td{border:0;padding:2px 0}
  td[data-label]::before{content:attr(data-label);display:block;color:var(--muted);font-size:.8125rem;font-weight:600;margin-top:6px}
  td:first-child{font-weight:600}
}
label{display:block;font-weight:600;margin:20px 0 6px}
input{width:100%;font:inherit;padding:12px;border:1px solid var(--field);border-radius:10px;background:var(--surface);color:var(--ink)}
input[aria-invalid="true"]{border-color:var(--err)}
button{margin-top:24px;min-height:48px;font:700 var(--s1)/1 var(--font);padding:14px 22px;border:0;border-radius:24px;background:var(--amber);color:var(--on-amber);cursor:pointer}
button:hover{filter:brightness(1.08)}
button:disabled{opacity:.6;cursor:progress}
.err{color:var(--err);font-weight:600}
.ok{font-weight:600}