dialog.auth-modal{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:clamp(8px,3vw,24px);border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--rn-theme-text);overflow:auto;overscroll-behavior:contain}
dialog.auth-modal[open]{display:grid;place-items:center}
dialog.auth-modal::backdrop{background:var(--rn-theme-overlay);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.auth-dialog{position:relative;width:min(440px,100%);max-height:calc(100dvh - 32px);padding:clamp(22px,4vw,34px);border:1px solid var(--rn-theme-line);border-radius:var(--rn-theme-radius-large);background:var(--rn-theme-surface);color:var(--rn-theme-text);box-shadow:var(--rn-theme-shadow-high);overflow:auto}
.auth-close{position:absolute;z-index:2;top:14px;inset-inline-end:14px;border:0;background:transparent;color:var(--rn-theme-text);font-size:24px;cursor:pointer}
.auth-kicker{margin:0 0 6px;color:var(--rn-theme-accent);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.account-mark{margin:0;color:var(--rn-theme-accent);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
/* Display size and tracking belong on the heading, not on its container: an em
   letter-spacing inherits as an absolute length, so -.05em of a 42px container
   reached the 14px subtitle as -2.1px, which is -0.15em at that size and shrank
   every word space from 3.78px to 1.67px. "Continue to your artist account"
   rendered as one word. The reference scopes both declarations to the h2. */
.account-heading{margin:6px 0 18px;color:var(--rn-theme-text)}
.account-heading h2{font-size:clamp(28px,5vw,42px);line-height:1;letter-spacing:-.05em}
.account-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin:0 0 20px;padding:4px;border:1px solid var(--rn-theme-line);border-radius:var(--rn-theme-radius-small);background:var(--rn-theme-surface-2)}
.account-switcher button{min-height:40px;border:0;border-radius:calc(var(--rn-theme-radius-small) - 3px);background:transparent;color:var(--rn-theme-text-soft);font:inherit;font-weight:800;cursor:pointer}
.account-switcher button[aria-selected="true"]{background:var(--rn-theme-surface);color:var(--rn-theme-text);box-shadow:var(--rn-theme-shadow-low)}
.auth-form{display:grid;gap:14px}
.auth-form[hidden]{display:none}
.auth-form h2{font-size:31px;letter-spacing:-.05em;margin:0 0 8px;color:var(--rn-theme-text)}
.auth-form .field{display:grid;gap:7px}
.auth-form label{color:var(--rn-theme-text);font-size:13px;font-weight:700}
.auth-form input{width:100%;background:var(--rn-theme-surface-2);color:var(--rn-theme-text);border:1px solid var(--rn-theme-line);border-radius:var(--rn-theme-radius-small);padding:12px;font:inherit}
.auth-form input:focus-visible{border-color:var(--rn-theme-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--rn-theme-accent) 18%,transparent);outline:0}
.auth-form button[type="submit"]{background:var(--rn-theme-accent);border:0;border-radius:var(--rn-theme-radius-small);color:var(--rn-theme-accent-contrast);padding:12px;font-weight:800;cursor:pointer}
.auth-form button[disabled]{cursor:wait;opacity:.65}
.account-register-form{display:grid;gap:14px}
.account-reset-form{align-content:start}
.account-reset-form .account-register-head{display:grid;gap:6px;margin-block-end:4px}
.account-reset-form .account-register-head h2,.account-reset-form .account-register-head p{margin:0}
.account-reset-form .account-register-head p{color:var(--rn-theme-text-soft)}
.account-register-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.account-register-grid .span-2{grid-column:1/-1}
.account-options{display:flex;align-items:center;justify-content:space-between;gap:12px}
.account-link{width:auto;border:0;background:transparent;color:var(--rn-theme-accent);font:inherit;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.checkbox{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px;color:var(--rn-theme-text-soft);font-size:12px;line-height:1.55}
.checkbox input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--rn-theme-accent)}
.checkbox a{color:var(--rn-theme-accent)}
.auth-status{min-height:20px;margin:0;color:var(--rn-theme-text-soft);font-size:13px}
.auth-status[data-tone="error"]{color:var(--rn-theme-danger)}
.auth-status[data-tone="success"]{color:var(--rn-theme-success)}
.auth-note{min-height:20px;margin:0;color:var(--rn-theme-text-soft);font-size:13px}
.auth-note[data-tone="error"]{color:var(--rn-theme-danger)}
.auth-note[data-tone="success"]{color:var(--rn-theme-success)}
.auth-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.auth-switch{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--rn-theme-line);padding-top:14px;color:var(--rn-theme-text-soft);font-size:12px}
.auth-mode-switch{width:auto!important;background:transparent!important;color:var(--rn-theme-accent)!important;border:0!important;padding:0!important;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.account-modal-open{overflow:hidden}
@media(max-width:700px){.auth-dialog{max-height:calc(100dvh - 16px);padding:24px 20px}.auth-two,.account-register-grid{grid-template-columns:1fr}.account-register-grid .span-2{grid-column:auto}.account-options{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){dialog.auth-modal,.auth-dialog{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.auth-captcha{display:grid;grid-template-columns:1fr minmax(96px,130px) auto;align-items:end;gap:10px;padding:12px;border:1px solid var(--rn-theme-line);border-radius:var(--rn-theme-radius-small);background:var(--rn-theme-surface-2)}
.auth-captcha>div{display:grid;gap:5px}.auth-captcha>div span{color:var(--rn-theme-text-soft);font-size:11px}.auth-captcha>div b{font:800 18px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.auth-captcha input{min-width:0;background:var(--rn-theme-surface)}.auth-captcha button{min-height:44px;border:1px solid var(--rn-theme-line);border-radius:var(--rn-theme-radius-small);background:transparent;color:var(--rn-theme-text);padding:0 12px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.account-verify-form .account-register-head{display:grid;gap:8px}.account-verify-form [data-auth-verify-destination]{color:var(--rn-theme-accent);font-weight:800;direction:ltr;text-align:start}.account-verify-form input[name="code"]{font:800 22px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.28em;text-align:center;direction:ltr}
@media(max-width:560px){.auth-captcha{grid-template-columns:1fr auto}.auth-captcha input{grid-column:1/-1}.auth-captcha button{grid-column:2;grid-row:1}}