/* A folded-paper threshold backed by Supabase Auth. */
.account-body {--color-bg:#EDF0E9;--color-surface:#F7F8F4;--color-text:#28382F;--color-muted:#5C695F;--color-brand:#2D493A;--color-border:#D8DFD3;--font-display:'Songti SC','Iowan Old Style',Georgia,serif;background:var(--color-surface);color:var(--color-text);color-scheme:light}
.account-header {max-width:1360px;margin:auto;padding:28px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.account-header .brand-mark {background:none;color:var(--color-brand);width:32px}
.account-header .brand-name {font-size:19px;font-weight:500;letter-spacing:.1em}
.account-header .brand-name small {font-size:7px;letter-spacing:.14em}
.account-header-actions {display:flex;align-items:center;gap:26px}
.account-home {font-size:12px;min-height:44px;display:inline-flex;align-items:center}
.account-header .language-switch {font-size:11px}
.account-layout {max-width:1200px;min-height:740px;margin:12px auto 40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--color-border);border-radius:5px;background:#FCFDF9;box-shadow:0 20px 70px #34433408}
.account-story {padding:54px 52px 28px;background:#EBEFE5;border-right:1px solid var(--color-border);display:grid;grid-template-rows:auto minmax(460px,1fr);gap:34px;min-width:0}
.account-story h2 {font-family:var(--font-display);font-size:33px;font-weight:400;line-height:1.95;letter-spacing:.055em}
.account-story h2 em {font-style:normal;color:#806338}
.account-story>div>p {font-size:13px;line-height:2.15;color:var(--color-muted);max-width:340px;margin-top:22px}
.account-story figure {margin:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px}
.account-story img {display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:50% 43%;border-radius:2px}
.account-story figcaption {font-size:10px;color:var(--color-muted);line-height:1.9}
.account-story figcaption p {margin-bottom:4px}
.account-story figcaption a {text-decoration:underline;text-underline-offset:3px}
.account-content {padding:44px 54px 38px;min-width:0}
.account-kicker {font-size:10px;letter-spacing:.13em;color:var(--color-muted);margin-bottom:16px}
.account-content h1 {font-family:var(--font-display);font-size:34px;font-weight:400;line-height:1.6;letter-spacing:.03em;margin-bottom:12px}
.account-intro {font-size:13px;line-height:2.1;color:var(--color-muted);margin-bottom:22px}
.account-status {background:#F2EEE5;border:1px solid #DED4C0;border-radius:4px;padding:13px 14px;display:flex;align-items:flex-start;gap:10px;color:#6D5732;font-size:11px;line-height:1.9;margin-bottom:24px}
.account-status>span {flex-shrink:0;margin-top:3px}
.account-status strong {font-size:12px;font-weight:500;display:block;margin-bottom:3px}
.account-status p {font-size:11px}
.account-content fieldset {border:0;padding:0;margin:0;min-width:0}
.account-content label {display:block;font-size:12px;margin:17px 0 8px}
.account-content input {display:block;width:100%;min-height:48px;border:1px solid #CCD5C7;border-radius:4px;background:#F6F8F2;padding:11px 14px;color:var(--color-muted);font-size:13px;line-height:1.8;opacity:1}
.account-content input::placeholder {color:#66735F;opacity:1}
.account-content input:disabled {cursor:not-allowed}
.account-forgot {display:block;width:fit-content;margin:12px 0 0 auto;font-size:11px;min-height:32px;text-decoration:underline;text-underline-offset:4px}
.account-submit {display:block;width:100%;min-height:48px;border-radius:4px;margin-top:20px;background:var(--color-brand);color:#F7F8F4;font-size:13px;cursor:pointer;opacity:1}
.account-submit:disabled {background:#E3E9DC;color:#56654E;cursor:not-allowed}
.account-content input:focus-visible,.account-submit:focus-visible {outline:2px solid var(--color-brand);outline-offset:3px}
.account-content .account-consent {display:flex;align-items:flex-start;gap:10px;line-height:1.9;font-size:11px}
.account-consent input {width:18px;min-height:18px;flex:0 0 18px;margin-top:3px;accent-color:var(--color-brand)}
.account-feedback {font-size:12px;line-height:1.9;color:var(--color-brand);overflow-wrap:anywhere}
.account-feedback:not(:empty) {padding:12px 14px;border:1px solid var(--color-border);border-radius:4px;margin-bottom:12px}
.account-feedback[data-error=true] {color:#8C332B;border-color:#DDBBB4;background:#FBF1ED}
#account-identity {overflow-wrap:anywhere}
.account-alternative,.account-back {font-size:12px;text-align:center;line-height:2;margin-top:17px;color:var(--color-muted)}
.account-alternative a,.account-back {color:var(--color-brand);text-decoration:underline;text-underline-offset:4px}
.account-back {display:block;min-height:36px}
.account-terms {font-size:10px;line-height:1.9;margin-top:14px;color:var(--color-muted)}
.account-verification-link {font-size:11px;display:inline-flex;min-height:36px;align-items:center;text-decoration:underline;text-underline-offset:4px}
.account-divider {display:flex;align-items:center;gap:14px;font-size:10px;color:var(--color-muted);margin:25px 0 18px}
.account-divider:before,.account-divider:after {content:'';height:1px;flex:1;background:var(--color-border)}
.account-guest {display:flex;align-items:center;justify-content:center;gap:12px;min-height:50px;background:var(--color-brand);color:#F7F8F4;border-radius:4px;padding:12px 16px;font-size:13px;text-align:center}
.account-guest:hover {background:#3C5946}
.account-guest-note {font-size:11px;line-height:1.9;text-align:center;color:var(--color-muted);margin:12px 0 17px}
.account-privacy {display:block;width:fit-content;margin:auto;font-size:11px;min-height:36px;text-decoration:underline;text-underline-offset:4px}
.account-footer {text-align:center;max-width:1200px;margin:0 auto 30px;padding:0 24px;color:var(--color-muted);font-size:10px;line-height:2}
.account-footer p+small {display:block;margin-top:5px;font-size:10px}
.verification-note {padding:10px 0 12px;text-align:center}
.verification-note>span {display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border:1px solid var(--color-border);border-radius:50%;color:var(--color-brand);margin-bottom:16px}
.verification-note h2 {font-family:var(--font-display);font-size:22px;line-height:1.7;font-weight:400;margin-bottom:12px}
.verification-note p {font-size:12px;line-height:2;color:var(--color-muted)}
.account-body[lang='en'] .account-story h2 {font-family:'Iowan Old Style',Georgia,serif;font-size:32px;letter-spacing:-.015em;line-height:1.75}
.account-body[lang='en'] .account-content h1 {letter-spacing:-.015em;font-size:32px;line-height:1.3}
@media(max-width:1231px){.account-layout{margin-left:24px;margin-right:24px}.account-story{padding:44px 36px 28px}.account-content{padding:40px 36px}}
@media(max-width:900px){.account-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.account-story{padding:40px 26px 26px;grid-template-rows:auto minmax(360px,1fr)}.account-story h2{font-size:27px;letter-spacing:.015em}.account-body[lang='en'] .account-story h2{font-size:26px}.account-content{padding:36px 26px}.account-content h1{font-size:30px}.account-header{padding:24px 28px}}
@media(max-width:650px){
 .account-header{padding:18px 24px;gap:12px}.account-header .brand{gap:9px}.account-header .brand-name{font-size:17px}.account-header .brand-name small{font-size:6px}.account-header-actions{gap:14px}.account-home{font-size:11px}
 .account-layout{display:block;min-height:0;margin:8px 18px 28px}.account-story{display:none}.account-content{padding:30px 24px 26px}.account-content h1{font-size:31px}.account-body[lang='en'] .account-content h1{font-size:30px}
 .account-intro{font-size:13px}.account-status{padding:12px;font-size:11px;margin-bottom:22px}.account-content label{font-size:13px}.account-content input{font-size:14px}
 .account-guest-note{font-size:11px}.account-footer{font-size:10px;margin-bottom:24px}
}
@media(max-width:359px){.account-header{padding-left:18px;padding-right:18px}.account-header .brand-name{font-size:16px}.account-header .brand-name small{font-size:5px}.account-header-actions{gap:8px}.account-layout{margin-left:12px;margin-right:12px}.account-content{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){.account-body *{animation:none;transition:none}}