/* Self-contained: every file this page uses sits in /auth-assets/ (plus Cloudflare's Turnstile script). */
/* Nook sign-in (ACCESS-SCREENS.md). White page, cloud card, navy Nook text, white visitor bubbles, blue send arrow. */
.sn-ac{min-height:100vh;margin:0;background:#FFFFFF;color:#0E1D4D;font-family:Inter,system-ui,sans-serif;font-weight:400;display:flex;flex-direction:column}
.sn-ac-top{padding:20px 28px}
.sn-ac-brand img{height:28px;width:auto;display:block}
.sn-ac-card{box-sizing:border-box;width:560px;max-width:calc(100% - 40px);margin:24px auto 40px;padding:28px;border-radius:24px;background:#EEF3FF;display:flex;flex-direction:column;gap:14px}
.sn-ac-card[data-ac-opening]{animation:sn-ac-pulse 1.5s ease-in-out infinite}
@keyframes sn-ac-pulse{0%,100%{box-shadow:0 0 0 2px rgba(14,29,77,.4)}50%{box-shadow:0 0 0 2px rgba(14,29,77,.6)}}
.sn-ac-avatar{width:64px;height:64px;border-radius:50%;align-self:flex-start}
.sn-ac-log{display:flex;flex-direction:column;gap:10px}
.sn-ac-nook{margin:0;font-family:Sora,Inter,system-ui,sans-serif;font-weight:600;font-size:17px;line-height:1.45;color:#0E1D4D}
.sn-ac-me{margin:0;align-self:flex-end;max-width:85%;padding:8px 14px;border-radius:16px;background:#FFFFFF;color:#0E1D4D;font-size:15px;overflow-wrap:anywhere}
.sn-ac-chips{display:flex;flex-wrap:wrap;gap:8px}
.sn-ac-chip{min-height:40px;padding:8px 16px;border-radius:999px;border:1px solid rgba(14,29,77,.16);background:#FFFFFF;color:#0E1D4D;font:inherit;font-size:15px;cursor:pointer}
.sn-ac-chip.is-primary{background:#1455FF;border-color:#1455FF;color:#FFFFFF}
.sn-ac-fields{display:flex;flex-wrap:wrap;gap:8px}
.sn-ac-fields input{flex:1 1 180px;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid rgba(14,29,77,.16);background:#FFFFFF;color:#0E1D4D;font:inherit;font-size:15px}
.sn-ac-code{display:flex;gap:8px}
.sn-ac-digit{width:44px;height:52px;text-align:center;border-radius:12px;border:1px solid rgba(14,29,77,.16);background:#FFFFFF;color:#0E1D4D;font:inherit;font-size:22px}
.sn-ac-ask{display:flex;gap:8px;align-items:center;padding:6px 6px 6px 16px;border-radius:999px;background:#FFFFFF}
.sn-ac-ask[hidden]{display:none}
.sn-ac-ask input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#0E1D4D;font:inherit;font-size:16px;min-height:40px}
.sn-ac-send{width:40px;height:40px;border-radius:50%;border:0;background:#1455FF;color:#FFFFFF;font-size:18px;cursor:pointer}
.sn-ac-signed{display:flex;gap:12px;align-items:center;color:#5B6788;font-size:14px}
.sn-ac-link{border:0;background:none;padding:0;color:#5B6788;text-decoration:underline;font:inherit;cursor:pointer}
@media (max-width:600px){
  .sn-ac-card{width:100%;max-width:none;margin:0;border-radius:0;padding:20px 20px 96px;flex:1}
  .sn-ac-ask{position:fixed;left:20px;right:20px;bottom:calc(16px + env(safe-area-inset-bottom));box-shadow:0 6px 20px rgba(14,29,77,.12)}
}
@media (prefers-reduced-motion:reduce){.sn-ac-card[data-ac-opening]{animation:none}}
.sn-ac-human{margin-top:8px}
/* Font roles (fonts.css): Sora 600/700 headlines and Nook's lines; Inter 400/500 ask box, chips, code boxes, grey lines */
.sn-ac h1,.sn-ac h2{font-family:Sora,Inter,system-ui,sans-serif;font-weight:700}
.sn-ac-ask input,.sn-ac-fields input{font-family:Inter,system-ui,sans-serif;font-weight:400}
.sn-ac-chip,.sn-ac-digit{font-family:Inter,system-ui,sans-serif;font-weight:500}
.sn-ac-signed,.sn-ac-link{font-family:Inter,system-ui,sans-serif;font-weight:400}
/* /access/pro-unavailable: the sent Ask Josh chip (navy, same as the planner's --sn-asked-chip); dimmed while sending. */
:root{--sn-asked-chip:#0E1D4D}
.sn-ac-chip.is-asked{background:var(--sn-asked-chip);border-color:var(--sn-asked-chip);color:#FFFFFF;cursor:default}
.sn-ac-chip.is-sending{opacity:.5}
/* A link styled as a chip (/access/pro-unavailable "Back to SpotNook"; works without JS). */
a.sn-ac-chip{display:inline-flex;align-items:center;text-decoration:none;box-sizing:border-box}