/* The signed-out screen of the app (sign up and sign in) reads as part of the site: the slim site header on top, the card in the middle, the quiet site footer
   under it. The header and footer markup is written by site-src/build.mjs between the chrome markers of index.html; their look is /chrome.css.
   Signed in, none of this shows and the app keeps its own sidebar look (the last blocks of app.css). */
.sitebar, .sitefoot { display: none; }
body.authing { display: flex; flex-direction: column; min-height: 100vh; }
body.authing .sitebar, body.authing .sitefoot { display: block; }
body.authing .shell { flex: 1 0 auto; min-height: 0; }
body.authing .top { display: none; }
body.authing .auth { margin: 48px auto 64px; padding: 0 20px; }
@media (max-width: 719px) { body.authing .auth { margin: 28px auto 48px; padding: 0 16px; } }