:root{--auth-brand:var(--primary,#e5cf91);--auth-surface:var(--bg-card,#153126);--auth-radius:12px;--auth-font:Inter,system-ui,sans-serif}
#nav-settings[hidden],#settings-content[hidden]{display:none!important}
.account-panel [hidden]{display:none!important}
#memnora-account-panel{font-family:var(--auth-font);background:none;border:0;border-radius:0;max-width:none;width:100%;padding:0;margin:28px 0 8px;box-shadow:none}
#memnora-account-panel .account-layout{display:grid;grid-template-columns:minmax(0,504px) minmax(240px,1fr);align-items:start;gap:28px}
#memnora-account-panel .account-form-column{min-width:0;padding:32px;background:var(--auth-surface);border:1px solid #83935f;border-radius:12px}
#memnora-account-panel .account-heading{margin-bottom:24px}
#memnora-account-panel h3{display:flex;align-items:center;margin:0 0 12px;font:400 30px/1.25 Georgia,'Times New Roman',serif;color:var(--text-main)}
#memnora-account-panel p{line-height:1.6;overflow-wrap:anywhere}
#memnora-account-panel #account-subtitle{font-size:15px;color:var(--text-muted);max-width:440px}
.auth-mark{width:32px;height:32px;margin-right:10px;vertical-align:middle;object-fit:contain}
.auth-illustration{max-width:100%;max-height:160px;object-fit:contain;border-radius:var(--auth-radius)}
#memnora-account-panel .auth-form{display:grid;gap:18px;max-width:440px;width:100%}
#memnora-account-panel .auth-form label{display:grid;gap:8px;font-size:14px;font-weight:500;color:var(--text-main)}
#memnora-account-panel .auth-form input{width:100%;min-width:0;min-height:48px;height:48px;padding:10px 12px;font-size:16px;line-height:1.5}
#memnora-account-panel .auth-password{display:block;position:relative;width:100%}
#memnora-account-panel .auth-password input{padding-right:88px}
#memnora-account-panel .auth-password button{position:absolute;top:2px;right:2px;min-width:80px;min-height:44px;height:44px;max-height:44px;margin:0;padding:6px 8px;border:0;border-left:1px solid var(--border-color);border-radius:0 6px 6px 0;background:transparent;font-size:13px;color:var(--text-main)}
#memnora-account-panel .auth-password button:hover{background:#bdcf8c16}
#memnora-account-panel #account-submit{width:100%;min-height:48px;height:48px;font-size:15px}
.auth-tabs,.auth-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
#memnora-account-panel .auth-tabs{margin:0 0 24px}
#memnora-account-panel .auth-tabs button{min-height:44px;padding:8px 12px;font-size:13px}
#memnora-account-panel .auth-tabs button[aria-current=true]{background:#405232;color:#f5e8b6;border-color:var(--auth-brand)}
.auth-tabs:has([data-auth-mode="signup"][hidden]):has([data-auth-mode="request-reset"][hidden]){display:none}
.auth-actions:not(:has(>button:not([hidden]))){display:none}
#memnora-account-panel .auth-actions button{min-height:44px;font-size:13px}
#memnora-account-panel .auth-help{font-size:13px;line-height:1.6;color:var(--text-muted)}
#memnora-account-panel .auth-status{min-height:0;font-size:14px;padding:12px 14px;margin:0 0 20px;white-space:pre-line;background:#bdcf8c0e;border:1px solid #869760;border-radius:8px;color:var(--text-main)}
#memnora-account-panel .auth-status:empty{display:none}
#memnora-account-panel .auth-status[data-error=true]{color:#ffbcbc;border-color:#c58076;background:#47291f66}
#memnora-account-panel .auth-service-note{font-size:13px;line-height:1.6;color:var(--text-muted);padding-top:18px;margin-top:20px;border-top:1px solid var(--border-color)}
#memnora-account-panel .auth-session{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--border-color);font-size:14px}
.auth-session span,.auth-profile-name,#account-profile-email{overflow-wrap:anywhere}
.auth-session button{flex-shrink:0}
#memnora-account-panel .auth-profile-name{font-size:20px;font-weight:600;margin-bottom:4px}
#account-profile-email{color:var(--text-muted);font-size:15px;margin-bottom:18px}
#memnora-account-panel .account-discovery{min-width:0;overflow:hidden;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px}
#memnora-account-panel .discovery-art{height:156px;background:radial-gradient(circle at 72% 24%,rgba(232,121,249,.35),transparent 58%),linear-gradient(155deg,#2a1440,#0e0619)}
#memnora-account-panel .discovery-copy{padding:20px 24px 24px}
#memnora-account-panel .section-kicker{font-size:12px;letter-spacing:.03em;color:#e0ce97;margin:0 0 10px}
#memnora-account-panel .discovery-copy h4{font:600 23px/1.3 Inter,system-ui,sans-serif;letter-spacing:-.02em;color:var(--text-main);margin:0 0 12px}
#memnora-account-panel .discovery-copy>p:not(.section-kicker){font-size:14px;color:var(--text-muted);margin:0 0 20px}
#memnora-account-panel .discovery-copy>.btn{width:100%;min-height:48px;margin-top:10px;font-size:14px}
#memnora-account-panel .discovery-copy>.discovery-note{font-size:13px!important;margin:20px 0 0!important}
#memnora-account-panel[data-account-state="profile"] .account-layout{grid-template-columns:minmax(0,1fr)}
#memnora-account-panel[data-account-state="profile"] .account-discovery{display:none}
#memnora-account-panel[aria-busy="true"] .account-form-column{border-color:#d0c18b}
.account-panel :is(button,input):focus-visible{outline:2px solid var(--auth-brand);outline-offset:3px}
@media(max-width:1180px) and (min-width:761px){
 #memnora-account-panel .account-layout{grid-template-columns:minmax(0,504px);justify-content:center;gap:20px}
 #memnora-account-panel .account-discovery{display:grid;grid-template-columns:130px minmax(0,1fr)}
 #memnora-account-panel .discovery-art{height:100%;min-height:230px;background-position:65% center}
 #memnora-account-panel .discovery-copy{padding:20px}
 #memnora-account-panel .discovery-copy h4{font-size:20px}
 #memnora-account-panel .discovery-copy>.discovery-note{display:none}
}
@media(max-width:760px){
 #memnora-account-panel{margin-top:20px}
 #memnora-account-panel .account-layout{display:flex;flex-direction:column;gap:20px}
 #memnora-account-panel .account-form-column{padding:22px 20px;width:100%}
 #memnora-account-panel .account-heading{margin-bottom:20px}
 #memnora-account-panel h3{font-size:27px}
 #memnora-account-panel #account-subtitle{font-size:14px}
 #memnora-account-panel .auth-form{gap:16px}
 #memnora-account-panel .auth-session{flex-direction:column;align-items:flex-start}
 #memnora-account-panel .auth-tabs button{font-size:13px;padding:8px 10px}
 #memnora-account-panel .account-discovery{width:100%}
 #memnora-account-panel .discovery-art{height:124px}
 #memnora-account-panel .discovery-copy{padding:18px 20px 22px}
 #memnora-account-panel .discovery-copy h4{font-size:22px}
}

body:not([data-theme="yggdrasil"]) #memnora-account-panel .account-discovery{background:var(--bg-card);border-color:var(--border-color)}
body:not([data-theme="yggdrasil"]) #memnora-account-panel .account-form-column{border-color:var(--border-color)}
body:not([data-theme="yggdrasil"]) #memnora-account-panel .auth-tabs button[aria-current=true]{background:var(--bg-card-hover);color:var(--primary)}
@media(max-width:760px){
 #memnora-account-panel .account-discovery{display:grid;grid-template-columns:82px minmax(0,1fr)}
 #memnora-account-panel .discovery-art{height:100%;min-height:0;background-position:65% center}
 #memnora-account-panel .discovery-copy{padding:18px 16px}
 #memnora-account-panel .discovery-copy h4{font-size:18px;line-height:1.4;margin-bottom:10px}
 #memnora-account-panel .discovery-copy>p{display:none}
 #memnora-account-panel .discovery-copy>.btn{font-size:13px;min-height:44px;padding:9px 10px;margin-top:8px}
 #memnora-account-panel .discovery-copy>.discovery-note{display:none}
}