@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&display=swap');

body.signed-out {
  font-family:'Nunito','Trebuchet MS',sans-serif;
  min-height:100svh;box-sizing:border-box;display:grid;place-items:center;padding:36px 24px;
  background-color:#fff9ed;
  background-image:linear-gradient(90deg,#eaae4914 50%,transparent 50%),linear-gradient(#eaae4914 50%,transparent 50%);
  background-size:48px 48px;
}
.signin-art,.signin-intro,.signin-footnote {display:none;}
.signin-content {display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.signed-out .auth-bar {
  display:grid;grid-template-columns:1fr 1fr;width:min(880px,100%);max-width:880px;
  margin:0;gap:0;background:#fffefb;border:2px solid #deb26d;border-radius:32px;
  box-shadow:0 8px 0 #e8c78955,0 24px 70px #77502012;overflow:hidden;
}
.signed-out .signin-art {
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  padding:42px 28px;background:transparent;
}
.signin-art img {width:100%;max-width:260px;height:auto;box-sizing:border-box;padding:20px;border:2px solid #e5bd78;border-radius:50%;background:#fffefb;box-shadow:0 5px 0 #e8c78955;}
.signin-art-caption {margin-top:18px;color:#80562b;font:600 19px/1.5 'Nunito','Trebuchet MS',sans-serif;text-align:center;}
.signed-out .signin-content {display:flex;flex-direction:column;align-items:stretch;gap:0;padding:52px 38px;}
.signed-out .signin-intro {display:block;}
.signin-brand {margin:0 0 32px;font-size:20px;font-weight:bold;color:#86501e;letter-spacing:.2px;}
.signin-brand span {display:block;margin-top:5px;font-size:14px;font-weight:normal;letter-spacing:2px;}
.signed-out .signin-intro h1 {text-align:left;font-family:'Nunito','Trebuchet MS',sans-serif;font-size:clamp(36px,4.5vw,50px);line-height:1.14;font-weight:800;letter-spacing:-1px;margin:0 0 20px;color:#512e1b;}
.signed-out #authMessage {display:block;min-height:48px;font-size:16px;line-height:1.6;color:#77533b;overflow-wrap:anywhere;}
.signed-out .auth-bar button {display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px;margin-top:22px;width:100%;padding:14px 18px;border:1px solid #c4954d;border-radius:14px;color:#432a18;background:#fff;box-shadow:0 3px 0 #e9d6b6;font-size:16px;transition:background-color .15s;}
.signed-out .auth-bar button {font-family:inherit;font-weight:800;}
.signed-out .auth-bar button:hover {background:#fff7e6;}
.auth-bar button:focus-visible {outline:3px solid #86501e;outline-offset:4px;}
.signin-google {font-family:Arial,sans-serif;font-size:21px;font-weight:bold;color:#4285f4;}
.signed-out .signin-footnote {display:block;text-align:center;font-size:14px;color:#80644c;margin:24px 0 0;line-height:1.5;}
.signin-footnote span {color:#b15931;font-size:20px;vertical-align:middle;margin-left:3px;}
@media(max-width:650px) {
  body.signed-out {padding:24px 16px;}
  .signed-out .auth-bar {grid-template-columns:1fr;max-width:420px;border-radius:26px;}
  .signed-out .signin-art {padding:16px 24px 22px;}
  .signin-art img {max-width:180px;padding:14px;margin-bottom:16px;}
  .signin-art-caption {font-size:16px;margin-top:0;}
  .signed-out .signin-content {padding:28px;}
  .signin-brand {margin-bottom:20px;font-size:18px;}
  .signed-out .signin-intro h1 {font-size:40px;margin-bottom:14px;}
  .signed-out #authMessage {min-height:0;}
}
@media(prefers-reduced-motion:reduce) {.signed-out .auth-bar button {transition:none;}}