/* The public name shares the settings and guest-entry palettes. */
.settings-profile-username{color:var(--fable-muted);font-weight:500;overflow-wrap:anywhere}
.settings-profile-username:before{content:'· ';color:var(--fable-muted)}
.account-username-form{display:grid;gap:8px;margin:0;max-width:440px}
.account-username-form label{color:var(--fable-text);font:600 13px/1.5 var(--sans)}
.account-username-form .account-username-input{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--fable-line-strong);border-radius:10px;background:var(--fable-surface);color:var(--fable-text);font:400 16px/1.4 var(--sans)}
.account-username-input::placeholder{color:var(--fable-muted)}
.account-username-input:focus-visible,.account-username-save:focus-visible,.account-username-signout:focus-visible{outline:2px solid var(--fable-accent);outline-offset:3px}
.account-username-input[aria-invalid="true"]{border-color:var(--bad,#d76767)}
.account-username-hint,.account-username-status{margin:0;font-size:12px;line-height:1.5;color:var(--fable-muted)}
.account-username-status{min-height:36px}
.account-username-status.is-error{color:var(--bad,#d76767)}
.account-username-form .account-username-save{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;font-size:14px}
.account-username-signout{display:block;min-height:44px;margin:12px auto 0;padding:8px 12px;border:0;background:none;color:var(--fable-muted);font:600 12px/1.4 var(--sans);cursor:pointer}
:root[data-ui-version="fable-v5"][data-theme] body.settings-page.account-entry{padding-top:0!important}
:root[data-ui-version="fable-v5"][data-theme] body.settings-page.account-entry .account-panel-head{padding-block-end:0;border-bottom:0}
:root[data-ui-version="fable-v5"][data-theme] body.settings-page.account-entry .auth-mount{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-username-form{max-width:none}
:root[data-ui-version="fable-v5"] body.settings-page.account-entry #authMount>.account-username-form{margin-top:20px}
:root[data-ui-version="fable-v5"] body.settings-page.account-username-entry :is(.account-kicker,.entry-assurance,.account-legal){display:none}
:root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-username-save{background:var(--auth-action-background);color:var(--auth-on-action);box-shadow:var(--auth-action-shadow);border:1px solid transparent;border-radius:12px}
:root[data-ui-version="fable-v5"] body.settings-page .settings-language-menu{position:absolute;inset:calc(100% + 8px) auto auto 0;width:min(224px,var(--language-menu-room,224px));max-width:calc(100vw - 24px)}
:root[data-ui-version="fable-v5"] body.settings-page .settings-language-menu.is-compact button{grid-template-columns:minmax(0,1fr) 18px;gap:8px}
:root[data-ui-version="fable-v5"] body.settings-page .settings-language-menu.is-compact .settings-language-monogram{display:none}
@media(min-width:961px){:root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-main{padding-bottom:clamp(28px,4svh,40px)}}
@media(min-width:961px){:root[data-ui-version="fable-v5"] body.settings-page.account-username-entry .account-story{contain:none;align-self:center}}
@media(max-width:960px){
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-main{padding:12px;min-height:100svh}
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .settings-toolbar{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;min-height:48px;gap:8px}
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .settings-toolbar-heading{display:flex;align-items:center;min-width:0}
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .registration-brand img{width:140px}
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .settings-toolbar-actions{flex-shrink:0;gap:6px}
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .settings-language-trigger{width:64px;padding-inline:8px}
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .settings-language-trigger>svg:first-child{display:none}
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-story{display:none}
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-shell{width:min(500px,100%);grid-template-columns:minmax(0,1fr);min-height:0;margin-top:8px;gap:0}
}
@media(max-width:640px){.account-username-form{max-width:none}}
/* The two first-registration choices share the approved compact form. */
.registration-consents{display:grid;gap:0;margin:8px 0 2px;grid-row:4}
.account-username-form .registration-consent{display:flex;align-items:flex-start;gap:10px;min-height:44px;margin:0;padding:6px 0;box-sizing:border-box;font:400 13px/1.5 var(--sans);color:var(--fable-text);cursor:pointer}
.registration-consent input{flex:0 0 18px;width:18px;height:18px;margin:1px 0 0;accent-color:var(--fable-accent);cursor:pointer}
.registration-consent a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--fable-muted)}
.registration-consent input:focus-visible{outline:2px solid var(--fable-accent);outline-offset:3px}
.account-username-status:empty{display:none}
.account-username-form{grid-template-columns:minmax(0,1fr)}
.account-username-form>label{grid-row:1}
.account-username-form>.account-username-input{grid-row:2}
.account-username-hint,.account-username-status{grid-column:1;grid-row:3;min-height:36px}
.account-username-form:has(.account-username-status:not(:empty))>.account-username-hint{visibility:hidden}
.account-username-save{grid-row:5}
.account-username-save:disabled{opacity:.52;cursor:not-allowed;filter:saturate(.65)}
@media(max-width:960px){
  body.account-username-entry .account-panel-intro{display:none!important}
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry #authMount>.account-username-form{margin-top:14px}
  :root[data-ui-version="fable-v5"] body.settings-page.account-entry .account-panel{padding-block:22px}
}