/* What the sign-in corner and its dialogs (account.js, account.css) need on pages
   that don't load the font tool's app.css: the colour tokens and the button and
   field styles, scoped so they can't reach anything else on the page. :where() keeps
   them as weak as app.css's plain `button` rule, so account.css still wins. */
body.kd { --ink: #0a0a0a; --paper: #ffffff; --soft: #f5f5f4; --line: #e4e4e2; --line-strong: #c9c9c6; --muted: #5f5f5c; --err: #c0271d; --radius: 14px; }
:where(.account, .acct-dialog, .acct-menu, .library) :where(button, .button) { font: inherit; font-weight: 600; font-size: 15px; border: 0; border-radius: 10px; padding: 11px 18px; background: var(--ink); color: #fff; cursor: pointer; text-decoration: none; display: inline-block; line-height: 1.4; }
:where(.account, .acct-dialog, .acct-menu, .library) :where(button, .button):hover:not(:disabled) { background: #2a2a2a; }
:where(.account, .acct-dialog, .acct-menu, .library) button:disabled { opacity: .4; cursor: not-allowed; }
:where(.account, .acct-dialog, .acct-menu, .library) button.secondary { background: var(--paper); color: var(--ink); box-shadow: inset 0 0 0 1.5px var(--ink); }
:where(.account, .acct-dialog, .acct-menu, .library) button.secondary:hover:not(:disabled) { background: var(--soft); }
:where(.acct-dialog, .library) .close { background: transparent; color: var(--muted); padding: 4px 8px; font-size: 18px; }
:where(.acct-dialog, .library) .close:hover:not(:disabled) { background: var(--soft); color: var(--ink); }
:where(.acct-dialog, .library) h2 { font: 700 26px/1.15 var(--k-sans, system-ui); letter-spacing: -0.02em; }
:where(.acct-dialog, .library) h3 { font: 600 17px/1.3 var(--k-sans, system-ui); }
:where(.acct-dialog, .library) .error { color: var(--err); font-size: 14px; margin: 0; }
:where(.acct-dialog, .library) .error:empty { display: none; }
.kd-nav .credits { font-size: 13px; font-weight: 600; padding: 6px 12px; border-radius: 999px; background: var(--soft); box-shadow: inset 0 0 0 1px var(--line); color: var(--ink); white-space: nowrap; }