/* Talkyface account pages: the same plain look as the streaming pages (server/web_client/index.html). */
:root { color-scheme: light dark; font-family: -apple-system, system-ui, sans-serif; }
body { margin: 0; padding: 16px; max-width: 560px; margin-inline: auto; line-height: 1.4; }
h1 { font-size: 1.15rem; margin: 0 0 12px; }
h2 { font-size: 1rem; margin: 0 0 6px; }
.row { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin: 8px 0; }
button { font-size: 1rem; padding: 10px 18px; border-radius: 10px; border: 1px solid #888; cursor: pointer; }
button.primary { background: #2563eb; color: white; border-color: #2563eb; }
button:disabled { opacity: .5; cursor: default; }
input[type=email], input[type=text] { font-size: 1rem; padding: 8px; border-radius: 8px; border: 1px solid #888; }
input[type=email] { width: 18em; max-width: 100%; }
input#code { width: 7em; letter-spacing: .15em; }
section { margin: 18px 0; padding: 12px; border-radius: 10px; background: rgba(127,127,127,.08); }
section.placeholder { opacity: .7; }
dl { display: grid; grid-template-columns: max-content 1fr; gap: 4px 14px; margin: 0 0 8px; }
dt { font-weight: 600; }
dd { margin: 0; }
.terms { font-size: .92rem; padding: 10px; border-radius: 8px; background: rgba(127,127,127,.12); }
.err { color: #dc2626; }
.muted { opacity: .75; font-size: .92rem; }
[hidden] { display: none !important; }