html[data-cloud-state="locked"] body>main,html[data-cloud-state="locked"] body>.sidebar,html[data-cloud-state="locked"] #cloud-account{display:none!important}
html[data-cloud-state="ready"] #auth-gate{display:none}
html[data-cloud-state="locked"] dialog{display:none!important}
#auth-gate{max-width:520px;margin:50px auto;padding:0 20px;color:#243751}
.auth-brand{font:700 30px Georgia,serif;margin:0 0 30px;color:#35557e}.auth-brand span{font:700 19px system-ui;margin-left:12px}
.auth-card{background:#fff;border:1px solid #dfe7f0;border-radius:20px;padding:32px;box-shadow:0 12px 45px #2335500a}
.auth-card h1{font-size:30px;letter-spacing:-1px;line-height:1.2;margin:14px 0}.auth-card p{font-size:14px;line-height:1.7;color:#5b6e87}
.auth-tag{font-size:10px;letter-spacing:1.5px;color:#537397;font-weight:700}
.auth-card label{display:block;font-size:13px;margin:18px 0 8px}.auth-card input{display:block;width:100%;box-sizing:border-box;padding:13px;border:1px solid #bdcce0;border-radius:8px;font-size:16px;background:#fafcff}
.auth-card form .primary{display:block;width:100%;margin:22px 0 12px}.auth-card form .secondary{width:100%}
.auth-invite{padding:16px;background:#fff8e3;border:1px solid #eddfa9;border-radius:10px;margin-top:24px;font-size:13px;line-height:1.7;color:#715c29}
.auth-recovery{display:flex;gap:8px;flex-wrap:wrap}.auth-recovery button{font-size:12px}.auth-privacy{margin-top:22px;font-size:12px;color:#5b6e87}.auth-privacy summary{cursor:pointer}.auth-privacy p{font-size:12px}
#cloud-account{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px 28px;border-bottom:1px solid #e1e7f0;background:#fff;position:relative;margin-left:252px;font-size:12px;overflow-wrap:anywhere}
#cloud-account button{font-size:12px;flex-shrink:0}body:has(#cloud-account){display:block}
@media(max-width:800px){#cloud-account{margin-left:0;padding:10px 18px}.auth-card{padding:24px}#auth-gate{margin-top:25px}}