.surface-dialog{--dlg-border:#d7d7cd;--dlg-surface:#f8f7f3;--dlg-divider:#3b514417;--dlg-eyebrow:#657566;--dlg-muted:#687268;--dlg-close-border:#3b514420;--dlg-close-bg:#fff9;--dlg-close-hover:#e5e9e1;--dlg-grab:#3b51443d;--dlg-shadow:0 32px 100px #0005;position:fixed;inset:0;margin:0;padding:1rem;width:100%;height:100dvh;max-width:none;max-height:none;border:0;background:transparent;color:var(--site-ink);overflow:hidden;text-align:left}.surface-dialog[open]{display:flex;align-items:center;justify-content:center}.surface-dialog::backdrop{background:rgb(23 37 31/78%);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1)}.surface-dialog-panel{display:flex;flex-direction:column;width:min(100%,760px);max-height:calc(100dvh - 2rem);min-height:0;overflow:hidden;border:1px solid var(--dlg-border);border-radius:32px;background:var(--dlg-surface);box-shadow:var(--dlg-shadow);transform-origin:50% 100%}.surface-dialog-grab{display:none}.surface-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0;gap:1rem;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--dlg-divider)}.surface-dialog-eyebrow{color:var(--dlg-eyebrow);font-size:.65rem;letter-spacing:.17em;text-transform:uppercase;font-weight:600;margin-bottom:.4rem}.surface-dialog-header h2{font-family:var(--font-serif,Georgia,serif);font-size:clamp(1.45rem,4vw,1.9rem);line-height:1.15;letter-spacing:-.025em}.surface-dialog-description{margin-top:.4rem;color:var(--dlg-muted);font-size:.8rem;line-height:1.5}.surface-dialog-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--dlg-close-border);border-radius:50%;background:var(--dlg-close-bg);cursor:pointer;transition:background .25s,transform .25s}.surface-dialog-close:hover{background:var(--dlg-close-hover);transform:rotate(90deg)}.surface-dialog :focus-visible{outline:2px solid var(--site-accent);outline-offset:3px}.surface-dialog-body{min-height:0;overflow:auto;overscroll-behavior:contain}.auth-dialog .surface-dialog-panel{width:min(100%,480px)}.auth-dialog .surface-dialog-body{padding:1.25rem 1.5rem 1.5rem}.auth-dialog .surface-dialog-panel{color:var(--auth-ink)}.auth-dialog .surface-dialog-body>div>*{animation:auth-rise .46s var(--ease-luxe) both}.auth-dialog .surface-dialog-body>div>:nth-child(2){animation-delay:45ms}.auth-dialog .surface-dialog-body>div>:nth-child(3){animation-delay:90ms}.auth-dialog .surface-dialog-body>div>:nth-child(4){animation-delay:135ms}.auth-dialog .surface-dialog-body>div>:nth-child(n+5){animation-delay:.18s}@keyframes auth-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.surface-dialog-brand{display:flex;align-items:center;min-height:44px}@media (max-width:639px){.surface-dialog{padding:max(12px,env(safe-area-inset-top)) 0 0}.surface-dialog[open]{align-items:flex-end}.surface-dialog-panel{max-height:100%;border-radius:28px 28px 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom)}.surface-dialog-grab{display:grid;place-items:center;height:24px;flex-shrink:0;touch-action:none;cursor:grab}.surface-dialog-grab span{width:40px;height:4px;border-radius:4px;background:var(--dlg-grab)}.surface-dialog-header{padding:.25rem 1.1rem .9rem}.surface-dialog-eyebrow{font-size:.6rem}.auth-dialog .surface-dialog-body{padding:1rem 1.1rem 1.25rem}}@media (prefers-reduced-motion:reduce){.surface-dialog-close{transition:none;transform:none}.auth-dialog .surface-dialog-body>div>*{animation:none}}.surface-dialog.auth-dialog[data-auth-surface]{--auth-surface:#f8f7f3;--auth-surface-raised:#fff;--auth-field:#fff;--auth-line:#d2d8ce;--auth-line-strong:#a8b5a7;--auth-field-line:#7a897c;--auth-ink:#293e32;--auth-ink-muted:#59685c;--auth-ink-faint:#607061;--auth-accent:#3b5144;--auth-accent-hover:#273e30;--auth-on-accent:#fff;--auth-eyebrow:#657566;--auth-danger:#a12b25;--auth-danger-bg:#fbeae7;--auth-status-bg:#e7eee2}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .surface-dialog.auth-dialog[data-auth-surface]{--dlg-border:#3d463e;--dlg-surface:#1c211d;--dlg-divider:#3d463e;--dlg-eyebrow:#a9b3aa;--dlg-muted:#abb5ac;--dlg-close-border:#55615a;--dlg-close-bg:#242a25;--dlg-close-hover:#2f3731;--dlg-grab:#55615a;--dlg-shadow:0 32px 100px #000a;color-scheme:dark;--auth-surface:#1c211d;--auth-surface-raised:#242a25;--auth-field:#141815;--auth-line:#3d463e;--auth-line-strong:#55615a;--auth-field-line:#6f7c72;--auth-ink:#edeae3;--auth-ink-muted:#b4b8ae;--auth-ink-faint:#9ca297;--auth-accent:#8fbe9c;--auth-accent-hover:#a6d0b1;--auth-on-accent:#10201a;--auth-eyebrow:#a9b3aa;--auth-danger:#f2938c;--auth-danger-bg:#2c1e1c;--auth-status-bg:#1b2620}}:root[data-theme=dark] .surface-dialog.auth-dialog[data-auth-surface]{--dlg-border:#3d463e;--dlg-surface:#1c211d;--dlg-divider:#3d463e;--dlg-eyebrow:#a9b3aa;--dlg-muted:#abb5ac;--dlg-close-border:#55615a;--dlg-close-bg:#242a25;--dlg-close-hover:#2f3731;--dlg-grab:#55615a;--dlg-shadow:0 32px 100px #000a;color-scheme:dark;--auth-surface:#1c211d;--auth-surface-raised:#242a25;--auth-field:#141815;--auth-line:#3d463e;--auth-line-strong:#55615a;--auth-field-line:#6f7c72;--auth-ink:#edeae3;--auth-ink-muted:#b4b8ae;--auth-ink-faint:#9ca297;--auth-accent:#8fbe9c;--auth-accent-hover:#a6d0b1;--auth-on-accent:#10201a;--auth-eyebrow:#a9b3aa;--auth-danger:#f2938c;--auth-danger-bg:#2c1e1c;--auth-status-bg:#1b2620}.auth-dialog .surface-dialog-body header>p:first-child{display:none}.auth-dialog .surface-dialog-body header h1{margin-top:0;font-size:1.5rem}.surface-dialog-grab{user-select:none}.surface-dialog-grab,.surface-dialog-header{touch-action:none;user-select:none}