body:not(.signed-in) > :not(#loginGate):not(script):not(style) { display: none !important; }
#loginGate { min-height: 100dvh; display: grid; place-items: center; padding: 24px 16px; }
#loginGate[hidden] { display: none; }
.login-card { width: 100%; max-width: 420px; background: white; padding: 28px; border: 1px solid #e0e7ef; border-radius: 18px; }
.login-card h1 { font-size: 24px; margin: 18px 0 8px; }
.login-card label { margin-top: 18px; }
.login-card input { width: 100%; font-size: 16px; }
.login-card button { width: 100%; margin-top: 20px; min-height: 48px; }
#loginMessage { margin-top: 16px; color: #af3541; }
#authBar { padding: 12px 20px; background: #eaf1ff; display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }