/* Host-level base, previously supplied by the artifact frame. */
:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;padding:0}
img{max-width:100%}
[hidden]:not([hidden=until-found i]){display:none!important}
/* Sign-in gate */
.gate{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:radial-gradient(520px 300px at 8% -40px,var(--wash-a),transparent 70%),radial-gradient(620px 320px at 92% -60px,var(--wash-b),transparent 70%),var(--bg)}
.gate-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--hair);border-radius:26px;box-shadow:var(--shadow);padding:28px 26px}
.gate-card .mark{padding:0 0 18px}
.gate-card h1{font-size:30px;margin:0 0 8px}
.gate-msg{color:var(--ink-2);margin:0 0 20px}
.gate-msg.err{color:var(--red)}
.gate-btn{width:100%;justify-content:center;min-height:48px}