.account-screen{background:var(--oc-surface);min-height:100svh}.account-layout{grid-template-columns:minmax(20rem,.92fr) minmax(30rem,1.08fr);min-height:100svh;display:grid}.account-visual{isolation:isolate;height:100svh;color:var(--oc-text);flex-direction:column;align-self:start;padding:max(1.5rem,min(4vw,3.5rem));display:flex;position:-webkit-sticky;position:sticky;top:0;overflow:hidden}.account-visual.account-visual--image{color:#fff}.account-visual.account-visual--image:before{z-index:-1;content:"";background:linear-gradient(#14113694,#111930c2);position:absolute;top:0;bottom:0;left:0;right:0}.account-visual__image{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.account-brand{align-items:center;gap:var(--oc-space-075);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:var(--oc-text-strong);font-weight:800;text-decoration:none;display:inline-flex}.account-brand:hover{color:var(--oc-link)}.account-brand:focus-visible{color:var(--oc-link)}.account-brand__logo{place-items:center;width:2.75rem;height:2.75rem;display:grid}.account-brand__logo svg{width:100%;height:100%;display:block}.account-brand__image{color:var(--oc-text-strong)!important}.account-visual--image .account-brand{color:#fff}.account-visual--image .account-brand:hover{color:#fff}.account-visual--image .account-brand:focus-visible{color:#fff}.account-visual--image .account-brand__image{color:#fff!important}.account-brand__name{font-size:var(--oc-font-size-md);letter-spacing:var(--oc-tracking-dense)}.account-visual__caption{max-width:min(26rem,80%);color:inherit;font-size:var(--oc-font-size-xs);line-height:var(--oc-line-height-normal);text-align:right;text-shadow:var(--oc-shadow-text);margin:auto 0 0 auto}.account-visual__caption a{color:inherit}.account-main{background:var(--oc-surface);place-items:center;min-height:100svh;padding:max(2rem,min(7vw,6rem));display:grid}.account-panel{width:min(100%,29rem)}.account-heading{margin-bottom:var(--oc-space-2)}.account-heading h1{margin:0 0 var(--oc-space-05);color:var(--oc-text-strong);font-family:var(--oc-font-family-display);font-size:var(--oc-font-size-display-md);letter-spacing:var(--oc-tracking-tight);line-height:var(--oc-line-height-tight)}.account-heading p{color:var(--oc-text-subtle);margin:0}.account-form__label-row{margin-top:var(--oc-space-025);justify-content:space-between;align-items:baseline;gap:var(--oc-space-1);display:flex}.account-form__label-row label{color:var(--oc-text-strong);font-size:var(--oc-font-size-sm);font-weight:700}.account-form__label-row a{font-size:var(--oc-font-size-sm)}.account-check{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:var(--oc-space-025) 0;align-items:flex-start;gap:var(--oc-space-05);color:var(--oc-text-subtle);font-size:var(--oc-font-size-sm);display:inline-flex}.account-check input{flex:none;width:1rem;height:1rem;margin:.15em 0 0}.account-consents{min-width:0;margin:var(--oc-space-05) 0 0;gap:var(--oc-space-05);display:grid}.account-consent{line-height:var(--oc-line-height-normal)}.account-form{gap:var(--oc-space-075);flex-direction:column;display:flex}.account-form>label:not(.account-check){margin-top:var(--oc-space-025);color:var(--oc-text-strong);font-size:var(--oc-font-size-sm);font-weight:700}.account-form input:not(:-webkit-any([type=checkbox],[type=hidden])){width:100%;min-height:3rem;padding:var(--oc-space-075) var(--oc-space-1);border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius-sm);background:var(--oc-surface);color:var(--oc-text);font:inherit}.account-form input:not(:-webkit-any([type=checkbox],[type=hidden])):hover{border-color:var(--oc-link)}.account-form input:not(:-moz-any([type=checkbox],[type=hidden])){width:100%;min-height:3rem;padding:var(--oc-space-075) var(--oc-space-1);border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius-sm);background:var(--oc-surface);color:var(--oc-text);font:inherit}.account-form input:not(:-moz-any([type=checkbox],[type=hidden])):hover{border-color:var(--oc-link)}.account-form input:not(:is([type=checkbox],[type=hidden])){width:100%;min-height:3rem;padding:var(--oc-space-075) var(--oc-space-1);border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius-sm);background:var(--oc-surface);color:var(--oc-text);font:inherit}.account-form input:not(:is([type=checkbox],[type=hidden])):hover{border-color:var(--oc-link)}.account-form select{width:100%;min-height:3rem;padding:var(--oc-space-075) var(--oc-space-1);border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius-sm);background:var(--oc-surface);color:var(--oc-text);font:inherit}.account-form select:hover{border-color:var(--oc-link)}.account-form__help{margin:calc(var(--oc-space-05) * -1) 0 var(--oc-space-025);color:var(--oc-text-subtle);font-size:var(--oc-font-size-sm)}.account-divider{margin:var(--oc-space-15) 0;align-items:center;gap:var(--oc-space-075);color:var(--oc-text-subtle);font-size:var(--oc-font-size-sm);text-transform:uppercase;display:flex}.account-divider:before{background:var(--oc-border-soft);content:"";flex:1;height:1px}.account-divider:after{background:var(--oc-border-soft);content:"";flex:1;height:1px}.account-submit{min-height:3rem;margin-top:var(--oc-space-05);padding:var(--oc-space-075) var(--oc-space-125);border:1px solid var(--oc-link);border-radius:var(--oc-radius-sm);background:var(--oc-link);color:var(--oc-surface);font:inherit;text-align:center;cursor:pointer;justify-content:center;align-items:center;font-weight:800;text-decoration:none;display:inline-flex}.account-submit:hover{border-color:var(--oc-link-hover);background:var(--oc-link-hover);color:var(--oc-surface)}.account-submit:focus-visible{border-color:var(--oc-link-hover);background:var(--oc-link-hover);color:var(--oc-surface)}.account-submit--mastodon{color:#fff;background:#563acc;border-color:#563acc}.account-submit--mastodon:hover{color:#fff;background:#4930b5;border-color:#4930b5}.account-submit--mastodon:focus-visible{color:#fff;background:#4930b5;border-color:#4930b5}.account-submit--link{width:100%}.account-back-link{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:var(--oc-space-075) auto 0;font-size:var(--oc-font-size-sm);display:block}.account-legal{margin-top:var(--oc-space-2);padding-top:var(--oc-space-1);border-top:1px solid var(--oc-border-soft)}.account-legal__items{justify-content:center;gap:var(--oc-space-05) var(--oc-space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.account-legal__items a{color:var(--oc-text-subtle);font-size:var(--oc-font-size-xs)}.account-notice{margin:0 0 var(--oc-space-15);padding:var(--oc-space-075) var(--oc-space-1);border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius-sm);font-size:var(--oc-font-size-sm)}.account-notice--error{border-color:var(--oc-danger);background:color-mix(in srgb, var(--oc-danger) 9%, var(--oc-surface));color:var(--oc-danger-text)}.account-notice--success{border-color:var(--oc-link);background:color-mix(in srgb, var(--oc-link) 8%, var(--oc-surface));color:var(--oc-text)}.account-notice--rich>:first-child{margin-top:0}.account-notice--rich>:last-child{margin-bottom:0}.account-honeypot{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.account-details{margin:0 0 var(--oc-space-2);gap:var(--oc-space-075);display:grid}.account-details div{padding-bottom:var(--oc-space-075);border-bottom:1px solid var(--oc-border-soft);gap:var(--oc-space-025);display:grid}.account-details div:last-child{border-bottom:0;padding-bottom:0}.account-details dt{color:var(--oc-text-subtle);font-size:var(--oc-font-size-sm);font-weight:700}.account-details dd{color:var(--oc-text-strong);margin:0}.account-settings__panel{gap:var(--oc-space-15);display:grid}.account-settings__intro{color:var(--oc-text-subtle);margin:0}.account-settings__section,.account-section-heading{gap:var(--oc-space-075);display:grid}:is(.account-settings__section,.account-section-heading) h2{margin:0}:is(.account-settings__section,.account-section-heading) p{margin:0}:is(.account-settings__section,.account-section-heading) h2{color:var(--oc-text-strong);font-family:var(--oc-font-family-display);font-size:var(--oc-font-size-lg);line-height:var(--oc-line-height-tight)}:is(.account-settings__section,.account-section-heading) p{color:var(--oc-text-subtle)}.account-settings__section .account-details{margin-bottom:0}.account-sidebar{top:var(--oc-space-1);position:-webkit-sticky;position:sticky}.account-sidebar__navigation ul{gap:var(--oc-space-025);margin:0;padding:0;list-style:none;display:grid}.account-sidebar__navigation a{padding:var(--oc-space-05) var(--oc-space-075);border-radius:var(--oc-radius-sm);font-weight:700;text-decoration:none;display:block}.account-sidebar__navigation a:hover{background:color-mix(in srgb, var(--oc-link) 8%, var(--oc-surface))}.account-sidebar__navigation a:focus-visible{background:color-mix(in srgb, var(--oc-link) 8%, var(--oc-surface))}.account-sidebar__navigation a[aria-current=page]{background:color-mix(in srgb, var(--oc-link) 12%, var(--oc-surface));color:var(--oc-text-strong)}.account-sidebar__navigation .account-sidebar__group{gap:var(--oc-space-025);display:grid}.account-sidebar__navigation .account-sidebar__group-label{padding:var(--oc-space-075) var(--oc-space-075) var(--oc-space-025);color:var(--oc-text-strong);font-weight:750;display:block}.account-sidebar__navigation .account-sidebar__submenu{padding-left:var(--oc-space-075)}.account-sidebar__navigation .account-sidebar__submenu a{font-size:var(--oc-font-size-sm)}.account-confirmation{margin-bottom:var(--oc-space-2);padding:var(--oc-space-125);border:1px solid color-mix(in srgb, var(--oc-link) 52%, var(--oc-border-soft));border-radius:var(--oc-radius-md);background:color-mix(in srgb, var(--oc-link) 9%, var(--oc-surface));gap:var(--oc-space-075);display:grid}.account-confirmation h2{margin:0}.account-confirmation p{margin:0}.account-confirmation h2{color:var(--oc-text-strong);font-family:var(--oc-font-family-display);font-size:var(--oc-font-size-lg);line-height:var(--oc-line-height-tight)}.account-confirmation__destination{color:var(--oc-text-strong);overflow-wrap:anywhere;font-weight:700}.account-confirmation__form{margin-top:var(--oc-space-025)}.account-confirmation__help{color:var(--oc-text-subtle);font-size:var(--oc-font-size-sm)}.account-public-profile{gap:var(--oc-space-075);display:grid}.account-public-profile h2{color:var(--oc-text-strong);font-family:var(--oc-font-family-display);font-size:var(--oc-font-size-lg);margin:0}.account-public-profile__form{gap:var(--oc-space-075);display:grid}.account-public-profile__url{gap:var(--oc-space-025);color:var(--oc-text-subtle);font-size:var(--oc-font-size-sm);display:grid}.account-public-profile__url code{color:var(--oc-text-strong);overflow-wrap:anywhere}.account-map-consent{padding-top:var(--oc-space-15);border-top:1px solid var(--oc-border-soft);gap:var(--oc-space-075);display:grid}.account-map-consent h2{margin:0}.account-map-consent p{margin:0}.account-map-consent h2{color:var(--oc-text-strong);font-family:var(--oc-font-family-display);font-size:var(--oc-font-size-lg)}.account-map-consent p{color:var(--oc-text-subtle)}.account-settings__form{gap:var(--oc-space-15);display:grid}.account-actions{gap:var(--oc-space-05);display:grid}.account-link-service{margin-top:var(--oc-space-2);padding-top:var(--oc-space-15);border-top:1px solid var(--oc-border-soft);gap:var(--oc-space-075);display:grid}.account-link-service h2{margin:0}.account-link-service p{margin:0}.account-link-service h2{color:var(--oc-text-strong);font-family:var(--oc-font-family-display);font-size:var(--oc-font-size-lg)}.account-link-service p{color:var(--oc-text-subtle)}.two-factor-methods{gap:var(--oc-space-1);display:grid}.two-factor-methods--manage{margin-bottom:var(--oc-space-2)}.two-factor-method-switch{gap:var(--oc-space-05);margin-top:var(--oc-space-1);color:var(--oc-text-subtle);font-size:var(--oc-font-size-sm);display:grid}.two-factor-method-switch ul{gap:var(--oc-space-05) var(--oc-space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.two-factor-method{padding:var(--oc-space-125);border:1px solid var(--oc-border-soft);border-radius:var(--oc-radius-md);gap:var(--oc-space-075);display:grid}.two-factor-method h2{margin:0}.two-factor-method p{margin:0}.two-factor-method h2{color:var(--oc-text-strong);font-family:var(--oc-font-family-display);font-size:var(--oc-font-size-lg)}.two-factor-method>p{color:var(--oc-text-subtle)}.two-factor-method .two-factor-method__label{color:var(--oc-text-strong);font-size:var(--oc-font-size-sm);font-weight:700}.two-factor-method--recommended{border-color:color-mix(in srgb, var(--oc-link) 60%, var(--oc-border-soft));background:color-mix(in srgb, var(--oc-link) 5%, var(--oc-surface))}.two-factor-method__heading{justify-content:space-between;align-items:baseline;gap:var(--oc-space-075);display:flex}.two-factor-method__heading span{color:var(--oc-text-subtle);font-size:var(--oc-font-size-xs);font-weight:700}.two-factor-method__actions{align-items:center;gap:var(--oc-space-075);flex-wrap:wrap;display:flex}.account-button-link{color:var(--oc-link);font:inherit;font-size:var(--oc-font-size-sm);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.account-button-link:hover{color:var(--oc-link-hover)}.account-button-link:focus-visible{color:var(--oc-link-hover)}.two-factor-totp{justify-items:start;gap:var(--oc-space-075);display:grid}.two-factor-totp code{color:var(--oc-text-strong);font-size:var(--oc-font-size-sm);overflow-wrap:anywhere}.two-factor-totp__qr{background:#fff;border:.5rem solid #fff;width:12rem;height:12rem}.two-factor-backup-codes{padding:var(--oc-space-1);border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius-sm);background:color-mix(in srgb, var(--oc-link) 5%, var(--oc-surface))}.two-factor-backup-codes p{margin:0 0 var(--oc-space-075)}.two-factor-backup-codes ul{gap:var(--oc-space-05) var(--oc-space-1);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.two-factor-backup-codes code{color:var(--oc-text-strong);font-size:var(--oc-font-size-sm)}.two-factor-passkey-name{width:100%;min-height:3rem;padding:var(--oc-space-075) var(--oc-space-1);border:1px solid var(--oc-border-strong);border-radius:var(--oc-radius-sm);background:var(--oc-surface);color:var(--oc-text);font:inherit}.two-factor-passkeys{gap:var(--oc-space-05);margin:0;padding:0;list-style:none;display:grid}.two-factor-passkeys li{padding-bottom:var(--oc-space-05);border-bottom:1px solid var(--oc-border-soft);justify-content:space-between;align-items:baseline;gap:var(--oc-space-075);display:flex}.account-settings__panel--two-factor .two-factor-methods--manage{gap:0;margin-bottom:0}.account-settings__panel--two-factor .two-factor-method{padding:var(--oc-space-15) 0;border:0;border-bottom:1px solid var(--oc-border-soft);box-shadow:none;background:0 0;border-radius:0}.account-settings__panel--two-factor .two-factor-method:first-child{padding-top:0}.account-settings__panel--two-factor .two-factor-method:last-child{border-bottom:0;padding-bottom:0}.account-settings__panel--two-factor .two-factor-method--recommended{background:0 0}.account-settings__panel--two-factor .two-factor-passkeys li{border-bottom:0}@media (max-width:760px){.account-screen{height:auto;overflow:visible}.account-layout{grid-template-columns:1fr;height:auto}.account-visual{height:auto;min-height:auto;padding:var(--oc-space-125);background:var(--oc-header-background);color:var(--oc-header-text);align-self:auto;position:relative;top:auto}.account-visual.account-visual--image:before{display:none}.account-visual .account-brand{color:var(--oc-header-text)}.account-visual .account-brand:hover{color:var(--oc-header-text)}.account-visual .account-brand:focus-visible{color:var(--oc-header-text)}.account-visual .account-brand__image{color:var(--oc-header-text)!important}.account-visual__image,.account-visual__caption{display:none}.account-main{padding:var(--oc-space-2) var(--oc-space-125) var(--oc-space-3);place-items:start center;overflow:visible}.account-sidebar{position:static}.two-factor-backup-codes ul{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.account-brand__logo svg *{animation:none!important}}