/* People with no account (js/anon.js): the one-time account card, the "Tell the developer" link and its sheet. */
.an-nudge { margin: 12px 12px 0; align-items: flex-start; }
.an-nudge .i { flex: none; margin-top: 2px; color: var(--accent); }
.an-txt { flex: 1; min-width: 0; }
.an-sub { display: block; margin: 2px 0 8px; font-size: var(--fs-foot); opacity: .8; }
.an-go { min-height: 40px; padding: 0 16px; font-size: var(--fs-sub); }
.an-x { flex: none; margin: -6px -8px -6px 0; }
.an-fb { display: block; margin: 22px auto 8px; padding: 12px 14px; min-height: 44px; background: none; border: 0; color: var(--muted); font: inherit; font-size: var(--fs-foot); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; text-align: center; cursor: pointer; }
.an-fb:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; border-radius: 8px; }
.an-h { margin: 2px 0 6px; font-size: var(--fs-title3); letter-spacing: -.02em; outline: none; }
.an-p { margin: 0 0 14px; color: var(--muted); font-size: var(--fs-sub); line-height: 1.45; }
.an-f { margin-bottom: 10px; }
.an-f textarea, .an-f input { width: 100%; border: 0; background: transparent; font: inherit; font-size: var(--fs-row); padding: 3px 0; resize: none; color: var(--text); }
.an-f textarea:focus-visible, .an-f input:focus-visible { outline: none; }
.an-err { margin: 0 0 10px; color: var(--bad, #c0392b); font-size: var(--fs-sub); font-weight: 600; }