/* Preserve the pinned paper, serif and cinnabar account surface. */
.account .auth-code-row{display:flex;align-items:center;gap:12px}.account .auth-code-row input{flex:1;min-width:0;font-variant-numeric:tabular-nums}.account .auth-code-row button{flex-shrink:0;min-width:112px;min-height:48px;margin:8px 0;padding:10px 12px}.account .auth-alternatives{margin-top:32px;padding-top:24px;border-top:1px solid var(--line,#d7d1c5)}.account .auth-alternatives h2,.account .identity-settings h2{font-size:22px;margin:0 0 16px}.account .auth-alt-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.account .auth-alt-actions button{flex:1;min-width:120px;min-height:48px}.account .auth-alternatives form{margin-top:24px}.account .identity-settings{padding:24px 0;border-top:1px solid var(--line,#d7d1c5)}.account .identity-settings form{max-width:480px}.account .identity-settings input{background:var(--paper,#f7f4ed)}.account #identity-settings-status{overflow-wrap:anywhere;color:#c8402a}.account .auth-alternatives button:focus-visible,.account .identity-settings button:focus-visible{outline:2px solid #c8402a;outline-offset:3px}.account .auth-alternatives button:disabled,.account .identity-settings button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:380px){.account .auth-code-row{gap:8px}.account .auth-code-row button{min-width:96px;padding:10px 8px}.account .auth-alt-actions{gap:8px}.account .auth-alt-actions button{min-width:100px;font-size:14px}}
.reference-account>.auth-alternatives{max-width:512px;margin:32px auto 0}.reference-account>.auth-alternatives h2{font-size:20px}.reference-account .auth-alternatives form{padding:24px;background:var(--card);border:1px solid var(--border);border-radius:4px}.reference-account .identity-settings{max-width:none}.reference-account .identity-settings>form{padding:24px;border:1px solid var(--border);background:var(--card);border-radius:4px;margin-top:20px}@media(max-width:700px){.reference-account .auth-alternatives form,.reference-account .identity-settings>form{padding:20px}}
@media(max-width:360px){.site-header .header-inner{gap:8px}.site-header .header-tools{gap:6px}.site-header .brand-english{font-size:7px;letter-spacing:0}.site-header .brand-name{font-size:23px}.site-header .brand-seal{width:29px;height:33px;font-size:25px}.site-header .icon-control{width:36px;min-width:36px;height:44px}}
