.home-login{box-sizing:border-box;width:min(420px,calc(100% - 32px));margin:10vh auto;padding:32px;background:#fff;border:1px solid #dce4f2;border-radius:20px;font:14px/1.7 system-ui;color:#304562}body{margin:0;background:#f5f7fc}.home-login img{width:45px}.home-login h1{font-size:22px}.home-login p,.home-login small{color:#63748d}.home-login label{display:grid;gap:6px;margin:18px 0}.home-login input{box-sizing:border-box;min-width:0;border:1px solid #dce4f2;border-radius:9px;padding:10px;font:inherit}.home-login .remember{display:flex;align-items:center;gap:8px;font-size:12px}.home-login button{width:100%;background:#5268ec;color:#fff;padding:12px;border:0;border-radius:9px;font:inherit}.home-login button:disabled{opacity:.6}.home-login #home-login-error{color:#a32d45}.home-storage-status{position:fixed;z-index:250;top:8px;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;max-width:calc(100% - 32px);padding:8px 14px;border:1px solid #cdd9f2;border-radius:10px;background:#fff;box-shadow:0 2px 15px #203d6020;font:12px/1.5 system-ui;color:#304562}.home-storage-status button{border:1px solid #dce4f2;border-radius:7px;background:#f5f7fc;padding:5px 8px;white-space:nowrap}.home-storage-status[data-failed=true]{color:#a32d45;border-color:#f1bac5;top:5px}
.home-login a{color:#405bea;text-underline-offset:3px}.home-login input:focus-visible,.home-login button:focus-visible,.home-login a:focus-visible{outline:3px solid #9badff;outline-offset:3px}.auth-guard{visibility:visible;position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#f5f7fc;color:#304562;font:14px/1.7 system-ui}.auth-guard[hidden]{display:none}
.home-login #home-signup-error{color:#a32d45}.home-login #home-signup-status{color:#405bea}
html[data-moai-private-locked="true"] body>:not(.auth-guard){display:none!important}