html.moup-development-gated body > :not(#development-auth-gate),
html.moup-runtime-locked body > :not(#development-auth-gate) { display: none !important; }
#development-auth-gate { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: #f4f6f8; color: #18212b; font: 16px/1.5 system-ui, sans-serif; }
#development-auth-gate section { width: min(480px, 100%); padding: 32px; border: 1px solid #ccd3da; border-radius: 12px; background: white; box-shadow: 0 8px 30px #0001; }
#development-auth-gate h1 { margin-top: 0; font-size: 1.4rem; }
#development-auth-gate button { padding: 10px 16px; border: 0; border-radius: 6px; background: #1769aa; color: white; font: inherit; cursor: pointer; }
#development-auth-gate .development-auth-signin-error { margin: 0 0 16px; padding: 10px 12px; border-radius: 6px; background: #fdecea; color: #611a15; font-size: 0.9rem; }
#development-auth-gate .development-auth-actions { display: flex; flex-direction: column; gap: 16px; align-items: stretch; }
#development-auth-gate .development-auth-email-form { display: flex; flex-direction: column; gap: 10px; padding-top: 16px; border-top: 1px solid #ccd3da; }
#development-auth-gate .development-auth-field { display: flex; flex-direction: column; gap: 4px; text-align: left; }
#development-auth-gate .development-auth-field label { font-size: 0.85rem; color: #4a5560; }
#development-auth-gate .development-auth-field input { padding: 8px 10px; border: 1px solid #ccd3da; border-radius: 6px; font: inherit; }
#development-auth-gate .development-auth-email-form button { align-self: flex-start; }