/* ログイン・招待の頁。値は shared/tokens.css の変数だけを使う（色・形を足さない）。 */
body { display: flex; justify-content: center; padding: 12vh 16px 0; }
.card { display: flex; flex-direction: column; gap: 8px; width: min(340px, 100%); }
.card h1 { font-size: 18px; margin: 0 0 4px; }
.card .sub { color: var(--subtext); font-size: 13px; }
.card .warn { min-height: 1.4em; }
.card .ok { color: var(--text); }
.card a.link { color: var(--subtext); font-size: 13px; cursor: pointer; text-decoration: underline; background: none; border: 0; padding: 0; text-align: left; }
[hidden] { display: none !important; }