.account-panel{display:grid;gap:16px}.account-panel h2,.account-panel p{margin:0}.account-panel button,.account-panel a,.account-loading button,.account-loading a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;white-space:normal;text-align:center;overflow-wrap:anywhere}.account-panel input{min-width:0;max-width:100%}.account-email{overflow-wrap:anywhere}.account-status{min-height:1.5em;color:#b6d8e7;font-size:15px;line-height:1.6;overflow-wrap:anywhere}.account-alert{padding:16px;border:1px solid #dfb869;border-radius:16px;color:#ffe2a8;background:#302b22}.account-loading{max-width:560px;margin:10vh auto;padding:24px;text-align:center;display:grid;gap:20px}.account-loading h1{font-size:32px}.account-loading p{line-height:1.7}.account-panel [data-account-confirm]:not([hidden]){display:grid;gap:12px}.account-panel :focus-visible,.account-loading :focus-visible,[data-account-auth] :focus-visible{outline:3px solid #80dcff;outline-offset:4px}.auth-art>p{max-width:360px;padding:24px;line-height:1.7}.auth-form button{min-height:44px}.account-panel .settings-name-input{margin-top:12px}.guest-profile-card>[data-account-sync]{font-size:13px}
@media(max-width:390px){.account-panel .settings-name-input{flex-wrap:wrap}.account-panel .settings-name-input>*{width:100%}.account-panel{padding:20px}.account-loading{margin:5vh auto}}
.auth-shell:has([data-account-auth]) :is(button,a,input){min-height:44px}.auth-shell:has([data-account-auth]) .brand{display:inline-flex;align-items:center}.auth-shell:has([data-account-auth]) :focus-visible{outline:3px solid #80dcff;outline-offset:4px}
.auth-shell:has([data-account-auth]) .auth-form label{font-size:14px}.auth-shell:has([data-account-auth]) .auth-form input{border-color:#58738f}.auth-shell:has([data-account-auth]) .button-primary{background:#216bd9}
@media(max-width:1040px){.auth-shell:has([data-account-auth]){grid-template-columns:minmax(0,1fr)}.auth-shell:has([data-account-auth]) .auth-art{display:none}.auth-shell:has([data-account-auth]) .auth-panel{width:min(480px,calc(100% - 40px));min-width:0;padding-block:32px}.auth-shell:has([data-account-auth]) .auth-panel>.brand{margin-bottom:32px}.auth-shell:has([data-account-auth]) .auth-copy h1{font-size:36px;line-height:1.1;overflow-wrap:anywhere}.auth-shell:has([data-account-auth]) .auth-form{min-width:0}.auth-shell:has([data-account-auth]) .auth-switch{font-size:14px}}
.legacy-page>p{line-height:1.7;color:#b6d8e7}.legacy-chapter{margin-block:32px}.legacy-chapter>details{border:1px solid #36596a;border-radius:16px;margin-block:12px;overflow:hidden}.legacy-chapter summary{padding:18px;min-height:44px;cursor:pointer}.legacy-chapter summary:focus-visible{outline:3px solid #80dcff;outline-offset:-4px}.legacy-content{padding:20px;background:#162e39;font:16px/1.7 system-ui,sans-serif;overflow-wrap:anywhere}.legacy-content pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0a1720;padding:16px;border-radius:12px;font:14px/1.6 monospace}.legacy-content h2,.legacy-content h3{font-family:'Fredoka One',sans-serif}.legacy-content table{width:100%;table-layout:fixed}
/* Temporary public release notices reuse the product's accessible controls. */
.guest-release-notice{margin:24px 0;padding:20px;border:1px solid #526b78;border-radius:20px;background:#162e39;color:#eaf7ff;line-height:1.6}
.guest-release-notice p{margin:0 0 16px}.guest-release-notice p:last-child{margin:16px 0 0}
.guest-portal-link{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:12px 18px;text-align:center;text-decoration:none;box-sizing:border-box;max-width:100%;border-radius:12px;background:#216bd9;color:#fff;line-height:1.4}
.guest-portal-link:focus-visible{outline:3px solid #fff;outline-offset:4px}
.premium-offer .guest-release-notice{text-align:left;font-size:16px}