/* NrtVix AI — sign-in and create-account screen (M18F).
   One full screen: a light page, one bundle of satin silk low behind it, and the form in a card in the middle.
   Presentation only: the form, its ids and the scripts that drive it are unchanged.
   Every rule is scoped to the sign-in screen, so the signed-in dashboard is not affected. */
#authScreen{position:relative;max-width:none;margin:0;display:grid;grid-template-columns:1fr;justify-items:center;align-content:center;gap:16px;min-height:calc(100vh - 85px);padding:44px 20px 80px;overflow:hidden;color:#07123a;color-scheme:light;
  background:radial-gradient(900px 700px at 88% 86%,rgba(111,155,255,.3),transparent 62%),radial-gradient(760px 620px at 100% 0%,rgba(169,141,255,.2),transparent 60%),radial-gradient(700px 600px at 0% 100%,rgba(92,200,255,.16),transparent 60%),linear-gradient(180deg,#fbfcff,#edf2ff)}
#authScreen>canvas{position:absolute;inset:0;width:100%;height:100%}
#authScreen .auth-card{order:1;position:relative;z-index:1;width:min(100%,450px);padding:38px 42px 28px;border-radius:26px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(182,197,234,.75);box-shadow:0 1px 2px rgba(7,18,58,.05),0 30px 80px rgba(23,70,214,.2);color:#07123a}
#authScreen .card-label{color:#2459f0}
#authScreen .auth-card h2{color:#07123a;font-size:30px;letter-spacing:-.03em;margin:10px 0 6px}
#authScreen .hint{color:#5b6a94}
#authScreen .segmented{background:#e9efff;border-color:#d3ddf6}
#authScreen .segmented button{color:#5b6a94}
#authScreen .segmented .selected{background:#fff;color:#07123a;box-shadow:0 1px 2px rgba(7,18,58,.08),0 4px 12px rgba(23,70,214,.14)}
#authScreen label{color:#33416b;font-size:13px}
#authScreen input{background:#fff;border-color:#b6c5ea;color:#07123a;min-height:46px}
#authScreen input::placeholder{color:#8b96b5}
#authScreen input:focus{border-color:#2459f0;box-shadow:0 0 0 4px rgba(36,89,240,.18)}
#authScreen .primary{min-height:48px;border-radius:13px;background:linear-gradient(135deg,#3d7dff,#5a57ff);box-shadow:0 10px 30px rgba(47,107,255,.34);font-weight:750}
#authScreen .guardian-recover-toggle{color:#2459f0}
#authScreen .guardian-recover-toggle:focus-visible{outline-color:#2459f0}
#authScreen .recovery-card{background:#f4f7ff;border-color:#d3ddf6}
#authScreen .recovery-card h3{color:#07123a}
#authScreen .recovery-card p,#authScreen .recovery-card label{color:#33416b}
#authScreen .guardian-key-badge{color:#2459f0}
#authScreen .guardian-recovery-feedback{color:#047857!important}
#authScreen .guardian-recovery-footnote{color:#5b6a94!important}
#authScreen .micro{color:#5b6a94;border-top:1px solid #e3e9f8;margin-top:20px;padding-top:14px}
#authScreen .intro{order:2;position:relative;z-index:1;width:min(100%,450px)}
#authScreen .warning{margin:0;max-width:none;border:1px solid #e6dcc6;border-left:3px solid #c08a2e;border-radius:12px;background:rgba(255,255,255,.9);color:#5b4a26;font-size:12px;padding:11px 14px}
#authScreen .auth-legal{position:absolute;left:0;right:0;bottom:24px;z-index:1;margin:0;text-align:center;font-size:13px;color:#5b6a94}
/* While the sign-in screen is showing, the page around it is light too and the app menu is put away. */
body:has(#authScreen:not(.hidden)){background:#fbfcff}
body:has(#authScreen:not(.hidden)) .ambient,body:has(#authScreen:not(.hidden)) .appnav{display:none}
body:has(#authScreen:not(.hidden)) .topbar{background:#fbfcff;border-bottom-color:#e3e9f8}
body:has(#authScreen:not(.hidden)) .brand{color:#07123a}
body:has(#authScreen:not(.hidden)) .brand strong{color:#2459f0}
body:has(#authScreen:not(.hidden)) .brand small{color:#5b6a94}
body:has(#authScreen:not(.hidden)) .mode-pill{border-color:#b6c5ea;background:#fff;color:#33416b}
@media(max-width:560px){
  #authScreen{padding:28px 14px 76px}
  #authScreen .auth-card{padding:28px 22px 22px}
}