:is(onyx-login,onyx-set-password){z-index:2000;padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));background:var(--onyx-bg) var(--onyx-bg-strata) center / cover no-repeat;color:var(--onyx-text);font-family:var(--onyx-font-ui);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}:is(onyx-login,onyx-set-password)[hidden]{display:none}:is(onyx-login,onyx-set-password) .login-card{border:1px solid var(--onyx-line);border-radius:var(--onyx-radius-sheet);background:var(--onyx-surface);width:min(380px,100%);box-shadow:var(--onyx-shadow-pop);flex-direction:column;gap:18px;padding:32px 28px;display:flex}:is(onyx-login,onyx-set-password) .login-brand{align-items:center;gap:10px;display:flex}:is(onyx-login,onyx-set-password) .login-wordmark{font-family:var(--onyx-font-brand);letter-spacing:-.03em;font-size:30px;font-weight:700;line-height:1}:is(onyx-login,onyx-set-password) h1{margin:0;font-size:20px;font-weight:700}:is(onyx-login,onyx-set-password) form{flex-direction:column;gap:14px;display:flex}:is(onyx-login,onyx-set-password) label{font-size:var(--onyx-text-sm);color:var(--onyx-text-muted);flex-direction:column;gap:6px;font-weight:600;display:flex}:is(onyx-login,onyx-set-password) input{border:1px solid var(--onyx-box-line);border-radius:var(--onyx-radius-button);background:var(--onyx-surface);min-height:48px;color:var(--onyx-text);font:inherit;padding:12px 14px;font-size:16px;font-weight:500}:is(onyx-login,onyx-set-password) input:focus{outline:2px solid var(--onyx-focus);outline-offset:-1px}:is(onyx-login,onyx-set-password) .login-submit{border-radius:var(--onyx-radius-button);background:var(--onyx-accent);min-height:48px;color:var(--onyx-on-accent);font:inherit;cursor:pointer;border:0;margin-top:4px;font-size:15px;font-weight:700}:is(onyx-login,onyx-set-password) .login-submit:disabled{opacity:.6;cursor:progress}:is(onyx-login,onyx-set-password) .login-error{color:var(--onyx-danger);margin:0;font-weight:600}:is(onyx-login,onyx-set-password) .login-hint{border-radius:var(--onyx-radius-button);background:var(--onyx-callout);margin:0;padding:10px 12px;line-height:1.45}:is(onyx-login,onyx-set-password) .login-help{color:var(--onyx-text-muted);margin:0;font-size:13px}:is(onyx-login,onyx-set-password) .login-lead{color:var(--onyx-text-muted);margin:-8px 0 0;line-height:1.45}:is(onyx-login,onyx-set-password) .login-done{margin:0;line-height:1.45}:is(onyx-login,onyx-set-password) a.login-submit{place-items:center;text-decoration:none;display:grid}:is(onyx-login,onyx-set-password) .login-username{display:none}