/* Shared account menu, extracted from learning navigation. */
.preview-account{position:relative;max-width:240px}.preview-account summary{cursor:pointer;list-style:none;font-size:14px;white-space:nowrap;display:flex;align-items:center;gap:7px;color:#767676;min-height:44px;max-width:100%}.preview-account summary::-webkit-details-marker{display:none}.account-avatar{width:24px;height:24px;flex:none;border-radius:4px;image-rendering:pixelated}.account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.account-chevron{width:16px;height:16px;flex:none;stroke-width:1.6}.preview-account[open] .account-chevron{transform:rotate(180deg)}.preview-account-options{position:absolute;right:0;top:calc(100% + 8px);z-index:30;min-width:150px;padding:8px;background:#fff;border:1px solid #00000014;border-radius:12px;box-shadow:0 8px 30px #00000014}.preview-account-options a,.preview-account-options button{display:block;width:100%;border:0;background:none;text-align:left;padding:12px;color:#525252;font-size:14px;border-radius:6px;cursor:pointer}.preview-account-options a:hover,.preview-account-options button:hover{background:#f6f6f6}.preview-account-feedback{position:absolute;right:0;min-width:150px;background:white;color:#b33;font-size:13px}.preview-account summary:focus-visible{outline:2px solid #287f70;outline-offset:4px}.preview-account summary,.preview-account-options a,.preview-account-options button{-webkit-tap-highlight-color:transparent}
.preview-account-options{min-width:264px;padding:8px;border-color:var(--ui-menu-stroke);border-radius:16px;box-shadow:0 8px 28px #00000012}.preview-account-options a,.preview-account-options>button,.language-summary{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px;font-size:16px;line-height:24px;color:var(--ui-text-secondary);border-radius:10px}.preview-account-options svg{width:20px;height:20px;flex:none;stroke-width:1.75}.language-settings{border-block:var(--ui-divider-width,.5px) solid var(--ui-card-stroke);margin-block:4px;padding-block:4px}.language-summary{list-style:none;cursor:pointer}.language-summary::-webkit-details-marker{display:none}.language-summary:hover{background:#f6f6f6}.language-summary .language-value{font-size:14px;color:var(--ui-text-tertiary);margin-left:auto}.language-options{padding:0 4px 4px 36px}.language-options button{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:16px}.language-options button[aria-pressed=true]{color:var(--ui-green)}.preview-account-options a:focus-visible,.preview-account-options button:focus-visible,.language-summary:focus-visible{outline:2px solid var(--ui-green);outline-offset:0}.preview-account-options a[hidden],.preview-account-options button[hidden]{display:none}.preview-account[open]{z-index:30}
/* Large account menu: equal insets and one icon column for every action. */
.preview-account-options.ui-menu--lg{padding:8px;min-width:264px}
.preview-account-options.ui-menu--lg>a,.preview-account-options.ui-menu--lg>button,.preview-account-options.ui-menu--lg .language-summary{display:grid;grid-template-columns:var(--ui-menu-icon) minmax(0,1fr);align-items:center;gap:var(--ui-menu-gap);min-height:var(--ui-menu-row);padding:12px var(--ui-menu-inset);font-size:var(--ui-menu-font)}
.preview-account-options.ui-menu--lg .language-summary{grid-template-columns:var(--ui-menu-icon) minmax(0,1fr) auto}
.preview-account-options.ui-menu--lg .language-value{margin:0}.preview-account-options.ui-menu--lg .language-options{padding:0 0 4px}.preview-account-options.ui-menu--lg .language-options button{display:grid;grid-template-columns:minmax(0,1fr) var(--ui-menu-icon);align-items:center;gap:var(--ui-menu-gap);padding:10px var(--ui-menu-inset) 10px calc(var(--ui-menu-inset) + var(--ui-menu-icon) + var(--ui-menu-gap));min-height:44px;font-size:var(--ui-menu-font)}
.preview-account-options.ui-menu--lg .ui-icon{display:block;margin:0;transform:none;color:inherit}.preview-account-options.ui-menu--lg>[hidden]{display:none}
.bar .nav-auth[hidden],.preview-account[hidden]{display:none!important}.preview-more{flex:none}.preview-more>summary{width:40px;height:44px;justify-content:center;padding:0;border:0;border-radius:8px;background:transparent;box-shadow:none;-webkit-tap-highlight-color:transparent;user-select:none}.preview-more>summary>.ui-icon{width:20px;height:20px;transform:rotate(90deg)}.preview-more>summary:active{background:transparent}.preview-more .language-settings{border:0;margin:0;padding:0}.bar nav{gap:12px}.preview-more .preview-account-options{max-width:calc(100vw - 40px)}
.preview-account-options.ui-menu--lg>button>span{min-width:0;white-space:nowrap}
.preview-account[hidden]{display:none!important}.header{position:relative;z-index:30}.header nav .preview-account-options a{width:100%;text-decoration:none;font-weight:400}.header nav .preview-account-options{font-family:var(--ui-font);text-align:left}.preview-account-options,.preview-account-options *{box-sizing:border-box}.preview-account>summary{border:0;background:transparent;box-shadow:none}.preview-account-options a,.preview-account-options button,.language-summary{font-weight:400;text-decoration:none}.preview-account-options.ui-menu--lg>button>span{white-space:nowrap}.preview-account-options .language-settings summary{max-width:none}.preview-more>summary{overflow:visible}.preview-account-options{max-width:calc(100vw - 32px)}

.community-dialog{box-sizing:border-box;width:min(400px,calc(100vw - 40px));max-height:calc(100dvh - 40px);overflow:auto;border:var(--ui-divider-width,.5px) solid rgb(0 0 0 / 5%);border-radius:24px;padding:32px 24px 24px;text-align:center;color:var(--ui-text-primary,#222);background:#fff;outline:none}
.community-dialog::backdrop{background:rgb(0 0 0 / 28%)}
.community-dialog h2{margin:0 20px 8px;font:600 22px/30px system-ui,sans-serif;text-wrap:balance}
.community-dialog p{font:400 16px/26px system-ui,sans-serif;color:var(--ui-text-secondary,#777);margin:0;text-wrap:pretty}
.community-dialog img{display:block;width:280px;max-width:100%;height:auto;max-height:none;object-fit:contain;margin:20px auto}
.community-dialog img[hidden]{display:none}
.community-dialog .community-help{font-size:14px;line-height:22px;color:var(--ui-text-tertiary,#777)}
.community-dialog .community-close{appearance:none;position:absolute;right:12px;top:12px;box-sizing:border-box;width:36px;min-width:36px;height:36px;min-height:36px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:0;box-shadow:none;border-radius:10px;color:var(--ui-text-secondary,#777);cursor:pointer;line-height:1;-webkit-tap-highlight-color:transparent}
.community-dialog .community-close svg{display:block;width:20px;height:20px;flex:none;margin:0;stroke-width:1.75;pointer-events:none}
.community-dialog .community-close:focus:not(:focus-visible){outline:none}
.community-dialog .community-close:focus-visible{outline:2px solid var(--ui-focus,#287f70);outline-offset:0}
@media(hover:hover){.community-dialog .community-close:hover{background:rgb(0 0 0 / 3%)}}
.community-dialog .community-error{margin:24px 0}
.menu-action-spinner{animation:menu-action-spin .8s linear infinite}
@keyframes menu-action-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.menu-action-spinner{animation:none}}

/* Safari email detection must not turn the account identity into an underlined link. */
.preview-account>summary,.preview-account .account-name,.preview-account .account-name a,.preview-account [x-apple-data-detectors]{text-decoration:none!important;border-bottom:0!important;box-shadow:none;color:inherit}

/* Same cover character crop, exported at avatar resolution. */
.account-avatar[data-avatar-thumbnail] img{position:static;display:block;width:100%;height:100%;max-width:100%;left:auto;top:auto;object-fit:cover;border-radius:0}