/* v5.0 sign-in screen and account chips */
body.nologin .app{visibility:hidden}
#login{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:var(--bg);padding:16px}
.lgbox{width:min(360px,100%);display:grid;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px 22px;box-shadow:0 10px 30px rgba(13,27,54,.08)}
.lgbox img{height:44px;width:auto;justify-self:center}
.lgt{font:400 28px var(--serif,'Instrument Serif',serif);text-align:center;color:var(--prim);margin-top:-6px}
.lgbox label{display:grid;gap:6px;font-size:13px;color:var(--mute)}
.lgbox input{font:inherit;font-size:16px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--fg)}
.lgbox .btn{justify-content:center;padding:12px}
.lgmsg{min-height:18px;font-size:13px;color:var(--rfg,#a32d2d);text-align:center}
.cfb p.mut{font-weight:400;font-size:13px}
body.role-factory .flock,body.role-factory [data-act="funlock"]{display:none!important}
#login .lgd{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #login .lgl{display:none}:root:not([data-theme="light"]) #login .lgd{display:block}}
:root[data-theme="dark"] #login .lgl{display:none}:root[data-theme="dark"] #login .lgd{display:block}