header nav { align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: clamp(14px, 1.1vw, 24px); }
nav .nav-login { display: inline-flex; align-items: center; gap: 7px; }
.nav-login svg { width: 13px; height: 13px; stroke: currentColor; fill: none; stroke-width: 1.4; }
html:has(#auth-dialog[open]) { overflow: hidden; }
#auth-dialog { max-width: 620px; background: #0b0d09; color-scheme: dark; }
#auth-dialog .label { margin-bottom: 24px; }
.auth-tabs { display: flex; gap: 28px; border-bottom: 1px solid var(--line); margin: 0 0 32px; }
.auth-tabs button { border: 0; border-bottom: 2px solid transparent; background: none; color: var(--muted); padding: 14px 0; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; }
.auth-tabs button[aria-selected="true"] { color: var(--acid); border-bottom-color: var(--acid); }
#auth-dialog .auth-copy { max-width: 42ch; margin-bottom: 24px; }
.auth-continue { width: 100%; margin-top: 10px; }
#auth-dialog .auth-notice { margin-top: 22px; color: var(--acid); }
#auth-dialog [hidden] { display: none !important; }
@media (max-width: 740px) {
  header nav { justify-content: flex-end; gap: clamp(8px, 2vw, 14px); row-gap: 2px; }
  header nav .nav-login { gap: 4px; }
  .nav-login svg { width: 11px; height: 11px; }
}
#auth-dialog { border: 0; }
#auth-dialog .auth-tabs { border-bottom: 0; }
#auth-dialog form { display: grid; gap: 19px; }
#auth-dialog label { display: grid; gap: 9px; color: var(--muted); font-size: 12px; }
#auth-dialog input:not([type="checkbox"]) { box-sizing: border-box; width: 100%; min-height: 46px; padding: 12px; background: #ffffff08; color: var(--paper); border: 0; font: inherit; font-size: 16px; }
#auth-dialog input[readonly] { color: var(--muted); }
#auth-dialog small,.field-optional { color: var(--muted); font-size: 10px; }
#auth-dialog .field-optional { display: inline; }
#auth-dialog .account-check { display: flex; align-items: center; gap: 12px; line-height: 1.7; }
#auth-dialog input[type="checkbox"] { flex: none; width: 16px; height: 16px; accent-color: var(--acid); }
#auth-dialog .auth-text { display: inline-block; border: 0; background: none; color: var(--muted); padding: 15px 0; margin-right: 25px; font: inherit; font-size: 12px; cursor: pointer; }
#auth-dialog .auth-text:hover { color: var(--acid); }
#auth-dialog .account-password { margin: 30px 0 15px; }
#auth-dialog .account-password h3 { margin: 0 0 14px; font-size: 19px; }
#auth-dialog .auth-copy { font-size: 12px; line-height: 1.7; margin: 0; }
#auth-dialog .auth-notice[data-error="true"] { color: #ffb0a3; }