#auth-dialog { --auth-ink:#201710; --auth-muted:#6f6259; --auth-orange:#bf4806; --auth-line:#e5ddd6; --text:var(--auth-ink); --text-muted:var(--auth-muted); --accent:var(--auth-orange); position:fixed; inset:0; margin:auto; height:fit-content; box-sizing:border-box; color:var(--auth-ink); padding:0; border:1px solid #ffffff25; border-radius:24px; width:min(860px,calc(100vw - 40px)); max-width:none; max-height:calc(100dvh - 40px); background:#fff; box-shadow:0 32px 100px #0007; overflow:auto; font-family:var(--fb,system-ui,sans-serif); }
#auth-dialog::backdrop { background:#100b0861; backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); }
#auth-dialog *,#auth-dialog *::before,#auth-dialog *::after { box-sizing:border-box; }
#auth-dialog .am-card { position:relative; display:grid; grid-template-columns:1fr 1fr; min-height:620px; overflow:hidden; }
#auth-dialog .am-pane { grid-row:1; grid-column:1; min-width:0; opacity:1; transition:opacity .22s ease,transform .42s ease; }
#auth-dialog .am-pane[data-pane=register] { grid-column:2; }
#auth-dialog .am-pane[inert] { opacity:0; pointer-events:none; transform:translateX(16px); }
#auth-dialog .auth-panel { padding:28px 30px 24px; height:100%; box-sizing:border-box; }
#auth-dialog .auth-panel .auth-links { display:none; }
#auth-dialog .auth-panel h1 { font-size:26px; letter-spacing:-1px; }
#auth-dialog .am-welcome { position:absolute; inset:0 auto 0 50%; width:50%; box-sizing:border-box; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:36px; padding:48px 36px; color:white; text-align:center; background:linear-gradient(145deg,#d4550c,#ae3905); transform:translateX(0); transition:transform .52s cubic-bezier(.65,0,.25,1); }
#auth-dialog [data-mode=register] .am-welcome { transform:translateX(-100%); }
#auth-dialog .am-eyebrow { font-size:10px; letter-spacing:2px; font-weight:700; }
#auth-dialog .am-welcome h2 { font-size:36px; letter-spacing:-1.4px; margin:0 0 16px; color:white; }
#auth-dialog .am-welcome p { font-size:14px; line-height:1.7; color:#fff; margin:0; }
#auth-dialog .am-switch { background:#ffffff0d; border:1px solid #ffffff99; border-radius:999px; padding:14px 24px; color:white; font:600 14px inherit; min-height:46px; cursor:pointer; }
#auth-dialog .am-switch:hover { background:#ffffff22; }
#auth-dialog .am-note { font-size:12px; color:#ffe4d4; }
#auth-dialog .am-close { position:absolute; right:12px; top:12px; z-index:3; width:36px; height:36px; border-radius:50%; border:1px solid #8b695c33; background:#fff; color:#533323; font-size:24px; cursor:pointer; }
#auth-dialog :focus-visible { outline:3px solid #e37a39; outline-offset:3px; }
#auth-dialog .am-status { margin:0; padding:0 24px; background:#fff5ec; color:#773b16; font-size:13px; line-height:1.6; }
#auth-dialog .am-status:not(:empty) { padding:14px 24px; }
#auth-dialog .am-loading { padding:60px 36px; color:#6f6259; }
#auth-dialog .am-pane[data-pane=register] form { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
#auth-dialog .am-pane[data-pane=register] form .form-group:nth-of-type(n+3), #auth-dialog .am-pane[data-pane=register] form > button { grid-column:1 / -1; }
#auth-dialog .am-pane[data-pane=register] .form-group { margin-bottom:0; }
@media(max-width:700px) {
 #auth-dialog { width:calc(100vw - 24px); max-height:calc(100dvh - 24px); border-radius:20px; }
 #auth-dialog .am-card { display:block; min-height:0; }
 #auth-dialog .am-pane[inert] { display:none; }
 #auth-dialog .auth-panel { padding:30px 24px 20px; }
 #auth-dialog .am-welcome { position:relative; inset:auto; width:100%; padding:20px 24px; gap:14px; transform:none!important; }
 #auth-dialog .am-eyebrow,#auth-dialog .am-note,#auth-dialog .am-welcome p { display:none; }
 #auth-dialog .am-welcome h2 { font-size:22px; margin:0; }
}
@media(max-width:420px) { #auth-dialog .am-pane[data-pane=register] form { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { #auth-dialog * { transition:none!important; animation:none!important; } }