:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#222c32;background:#f5f7f9}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}main{background:#fff;border:1px solid #dde6e1;border-radius:24px;padding:clamp(24px,6vw,48px);width:100%;max-width:460px;box-shadow:0 18px 70px #2341380a}.brand{font-size:27px;font-weight:800;text-decoration:none;color:inherit;letter-spacing:-1px}.brand span{font-weight:400}.eyebrow{font-size:11px;letter-spacing:2px;color:#286552;font-weight:700;margin:8px 0 40px}h1{font-size:32px;letter-spacing:-1px;margin-bottom:12px}p{line-height:1.6;color:#68766f}form{display:grid;gap:10px;margin-top:28px}label{font-size:14px;font-weight:650;margin-top:8px}input,button{font:inherit;min-height:48px;border-radius:12px;padding:12px 15px}input{background:transparent;color:inherit;border:1px solid #cbd9d1;width:100%}input:focus-visible,button:focus-visible{outline:3px solid #9ac6b5;outline-offset:3px}button{border:0;background:#26614f;color:white;font-weight:650;margin-top:16px;cursor:pointer}button:disabled{opacity:.65;cursor:wait}#loginError{color:#a23838;margin:0;font-size:14px}.footnote,#passwordHelp{font-size:13px}.footnote{margin-top:24px}#passwordHelp[hidden]{display:none}@media(prefers-color-scheme:dark){:root{background:#101815;color:#e2ebe5}main{background:#19221e;border-color:#34463c}p{color:#a1b6aa}.eyebrow{color:#9dcdb5}input{border-color:#516459}#loginError{color:#ffb7ad}}

.language-choice{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;margin:10px 0}.language-choice select{font:inherit;color:inherit;background:transparent;border:1px solid #b7c9bf;border-radius:8px;padding:8px 28px 8px 10px;max-width:145px}

[hidden]{display:none!important}#existingAccount{font-size:14px;text-align:center}#existingAccount a{color:var(--green,#26614f);font-weight:650;text-underline-offset:3px}

/* Authentication keeps the same dropdown component and colors as the app. */
.login-brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;margin-bottom:20px}
html body.reydar-login .login-brand .brand{display:block;position:relative;width:190px;max-width:100%;margin:0}
.login-brand .brand-logo{display:block;height:auto}
html body.reydar-login .login-brand .brand small{position:absolute;left:47%;right:auto;bottom:5.23077%;transform:translateY(.18em);margin:0;font-family:var(--font-heading);font-size:9px;font-weight:500;line-height:1;letter-spacing:-.04em;white-space:nowrap;text-align:left;color:var(--muted)}
.language-choice{margin:0 0 26px;gap:12px}
.language-choice .ui-select{display:inline-block;position:relative;min-width:140px;max-width:100%;vertical-align:middle}
.ui-select-native{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;pointer-events:none!important;overflow:hidden!important}
html body.reydar-login .language-choice .ui-select-trigger{display:block;width:100%;min-height:40px;margin:0;padding:9px 40px 9px 13px;border:1px solid var(--control-border);border-radius:var(--radius-control,12px);font-size:13px;line-height:1.4;font-weight:550;text-align:left;color:var(--ink);background:var(--control-bg) var(--control-chevron) no-repeat right 13px center;white-space:nowrap;cursor:pointer}
html body.reydar-login .language-choice .ui-select-trigger:hover{background-color:var(--surface-hover)}
html body.reydar-login .language-choice .ui-select-trigger[aria-expanded=true]{border-color:var(--focus);box-shadow:0 0 0 2px var(--light)}
html body.reydar-login .ui-select-menu{position:fixed;inset:auto;margin:0;padding:5px;border:1px solid var(--control-border);border-radius:var(--radius-control,12px);background:var(--paper);color:var(--ink);box-shadow:var(--shadow);z-index:1000;overscroll-behavior:contain}
html body.reydar-login .ui-select-menu .ui-select-option{display:block;width:100%;min-height:38px;margin:0;padding:9px 12px;border:0;border-radius:8px;background:transparent;color:var(--ink);font-size:13px;font-weight:550;line-height:1.4;text-align:left;cursor:pointer}
html body.reydar-login .ui-select-option[aria-selected=true]{background:var(--light);color:var(--green)}
html body.reydar-login .ui-select-option:hover{background:var(--surface-hover)}
html body.reydar-login .ui-select-option:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.footnote,#existingAccount{text-align:center}

.language-choice>.language-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Signup asks explicitly for the account language; sign-in keeps its compact selector. */
.language-choice.signup-language{justify-content:space-between;margin:22px 0 8px}
.language-choice.signup-language>.language-label{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip-path:none;white-space:normal;font-size:14px}
#preferredLanguageHelp{font-size:13px;line-height:1.5;margin:0;color:var(--muted)}

.recovery-field{display:grid;gap:10px}.recovery-field small{font-size:13px;line-height:1.5;color:var(--muted)}
.recovery-back{font-size:14px;text-align:center}.recovery-back a{color:var(--green,#26614f);font-weight:650;text-underline-offset:3px}
.recovery-status{padding:14px 16px;border:1px solid var(--control-border);border-radius:12px;background:var(--light);color:var(--ink);font-size:14px;line-height:1.6}
#recoveryError{color:var(--danger,#a23838);margin:0;font-size:14px}
html body.reydar-login #recoverySubmit{background:var(--accent-fill);border:1px solid var(--accent-fill);color:var(--on-accent)}
html body.reydar-login #recoverySubmit:hover{background:var(--accent-hover);border-color:var(--accent-hover)}

.optional-consent{display:flex;gap:12px;align-items:flex-start;line-height:1.5;font-size:14px;font-weight:400;margin-top:16px;color:var(--ink)}
html body.reydar-login .optional-consent input[type=checkbox]{appearance:auto;flex:0 0 20px;width:20px;height:20px;min-height:20px;margin:1px 0 0;padding:0;accent-color:var(--green,#26614f)}
#emailPreferencesError{color:var(--danger,#a23838);margin:0;font-size:14px}
html body.reydar-login #emailPreferencesSubmit{background:var(--accent-fill);border:1px solid var(--accent-fill);color:var(--on-accent)}
html body.reydar-login #emailPreferencesSubmit:hover{background:var(--accent-hover);border-color:var(--accent-hover)}