body:has(#authGate:not([hidden]))>.shell{display:none!important}
#authGate[hidden]{display:none}
#authGate{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f5f5f3;color:#242527;color-scheme:light;position:fixed;inset:0;z-index:2000;overflow:auto}
.auth-card{width:min(460px,100%);padding:32px;border:1px solid #d7d7d3;background:white;border-radius:8px;font:15px/1.6 system-ui,sans-serif}
#authGate .auth-card h1{color:#17191c;font-size:30px;letter-spacing:-1px;margin:0 0 8px}
#authGate .auth-card p{color:#3c4045;overflow-wrap:anywhere}
#authGate .auth-card label{display:block;color:#202328;font-size:14px;font-weight:600;margin:16px 0}
#authGate .auth-card input{box-sizing:border-box;width:100%;background:#fff;color:#17191c;border:1px solid #8b9097;padding:12px;margin-top:5px;border-radius:5px;font-weight:400;-webkit-text-fill-color:#17191c}
#authGate .auth-card input:focus{outline:2px solid #383c42;outline-offset:2px}
#authGate .auth-card input::placeholder{color:#555b63;opacity:1}
.auth-card button{border:1px solid #aaa;background:#262729;color:white;padding:11px 16px;margin:8px 8px 0 0;cursor:pointer;border-radius:5px}
.auth-card button:disabled{opacity:.5}
.auth-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px}
.auth-actions button{margin:0}
#authGate .auth-actions .auth-secondary{background:#fff;color:#242527;border-color:#9b9da1}
#cloudStatus{position:fixed;bottom:10px;right:15px;padding:6px 12px;background:var(--bg,#fff);border:1px solid var(--line,#ccc);color:var(--ink,#222);font:12px system-ui;z-index:1000}