.account-theme{min-height:100dvh;padding-bottom:0}.account-auth{width:100%;max-width:1280px;margin:auto;padding:24px}.account-auth>.sol-logo{width:fit-content}.account-auth-grid{align-items:center;gap:32px;max-width:1080px;margin:40px auto;display:grid}.account-welcome h1,.account-page h1{font:400 clamp(30px,4vw,46px)/1.2 var(--font-solibra-decorative),serif;margin:16px 0 24px}.account-welcome>p:last-of-type,.account-intro,.account-help{color:var(--sol-secondary)}.account-sun{display:none}.account-card{background:var(--sol-raised);border:1px solid var(--sol-subtle);overflow-wrap:anywhere;border-radius:20px;flex-direction:column;gap:20px;min-width:0;padding:24px;display:flex}.account-card h2{font:400 26px/1.3 var(--font-solibra-decorative),serif}.account-card h3{font:500 20px/1.4 var(--font-solibra-display),sans-serif}.account-form{flex-direction:column;gap:12px;min-width:0;display:flex}.account-form input:not([type=hidden]){width:100%;min-width:0;min-height:48px;font:inherit;color:var(--sol-cream);background:var(--sol-inset);border:1px solid var(--sol-subtle);border-radius:12px;padding:12px}.account-form input::placeholder{color:var(--sol-secondary);opacity:.8}.account-form input:focus-visible{outline:2px solid var(--sol-action);outline-offset:3px}.account-form [aria-invalid=true]{border-color:var(--sol-action)}.account-form small,.account-help,.member-profile-card small{color:var(--sol-secondary);font-size:13px}.account-form p:empty{display:none}.account-form a{text-underline-offset:3px;text-decoration:underline}.account-feedback{border:1px solid var(--sol-action);border-radius:12px;padding:12px;font-size:14px}.account-switch{border-top:1px solid var(--sol-subtle);flex-wrap:wrap;gap:12px;padding-top:20px;font-size:14px;display:flex}.account-actions{flex-wrap:wrap;gap:12px;display:flex}.account-actions>*{flex:1;min-width:120px}.account-page{width:100%;max-width:1280px;margin:auto}.account-page-narrow{max-width:780px}.account-intro{margin-bottom:24px!important}.account-profile-grid{align-items:start;gap:24px;display:grid}.account-nooks-column{flex-direction:column;gap:24px;min-width:0;display:flex}.account-avatar{width:72px;height:72px;font:500 28px/1 var(--font-solibra-display),sans-serif;flex-shrink:0}.account-avatar [data-slot=avatar-fallback]{background:var(--sol-blush);color:var(--sol-on-light)}.account-email{color:var(--sol-secondary)}.account-nook-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.account-nook-list li{background:var(--sol-inset);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;padding:16px;display:flex}.account-nook-list li>div{flex:1;min-width:150px}.account-nook-list small{color:var(--sol-action)}.member-profile-card{align-items:center;gap:16px;display:flex}.member-profile-card>div{min-width:0}.account-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.account-settings{padding:24px}.account-loading{color:var(--sol-cream);padding:32px}.account-page button:disabled,.account-auth button:disabled{opacity:.6;cursor:default}@media (width>=900px){.account-auth{padding:32px 64px}.account-auth-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;min-height:70dvh}.account-card{padding:32px}.account-sun{background:var(--sol-rose);border:2px solid var(--sol-subtle);border-radius:50% 50% 12px 12px/70% 70% 12px 12px;place-items:center;width:180px;height:130px;margin-top:32px;display:grid}.account-profile-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr)}}.official-logo{object-fit:contain;width:170px;height:auto;display:block}.auth-brand{margin-bottom:28px;display:block}.auth-brand .official-logo{width:min(100%,420px)}.account-auth-grid{margin-top:32px}.account-switch{text-align:center;flex-direction:column;gap:16px}.account-form[data-mode=setup]{text-align:center;align-items:center}.account-form[data-mode=setup]>input:not([type=hidden]){max-width:400px}.account-card:has([data-mode=setup])>h2{text-align:center}.inline-account-editor{gap:24px;animation:.25s ease-out account-reveal;display:grid}.inline-account-editor summary{cursor:pointer;padding-block:16px}.account-danger{border-top:1px solid var(--sol-subtle)}@keyframes account-reveal{0%{opacity:.3;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (width<=899px){.auth-brand .official-logo{width:min(100%,260px);margin-inline:auto}}@media (prefers-reduced-motion:reduce){.inline-account-editor{animation:none}}
