[hidden]{display:none!important}.access-screen{position:fixed;inset:0;z-index:100;background:#f6f0e9;overflow:auto;padding:40px 20px;display:grid;place-items:center}.access-card{width:min(100%,430px);background:#fffcf8;border:1px solid #e3d6cc;border-radius:22px;padding:30px;box-shadow:0 20px 70px #49362f0c}.access-brand{font-family:Georgia,serif;font-size:26px;display:block;color:#795541;margin-bottom:24px}.access-card h1{font-size:30px;line-height:1.2}.access-card p{font-size:15px}.access-card input{font-size:16px}.access-card details{margin:20px 0}.access-card code{display:block;overflow-wrap:anywhere;margin:15px 0;font-size:15px}.access-card img{display:block;max-width:100%;height:auto;margin:auto}.cloud-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cloud-status{font-size:13px;font-weight:650;color:#3c7255}.cloud-status[data-state="error"]{color:#ad4146}.cloud-status[data-state="pending"]{color:#946018}.sync-actions{position:fixed;z-index:90;bottom:90px;left:50%;transform:translateX(-50%);width:min(540px,calc(100% - 30px));padding:20px;background:#fff5e9;border:2px solid #ad6846;border-radius:16px;box-shadow:0 10px 50px #49362f33}.sync-actions p{margin:0 0 12px;font-size:14px}.sync-actions .btn{margin:4px}.topbar{height:auto;min-height:76px;padding-block:12px}[inert]{opacity:.7}