.access-login{max-width:540px;margin:8vh auto;padding:28px;background:white;border:1px solid #dce4d8;border-radius:20px;display:grid;gap:16px}.access-login h1{font-size:30px;margin:0}.access-login label{display:grid;gap:6px}.access-login input,.access-login button{min-height:44px;padding:10px;border:1px solid #b7c8b9;border-radius:9px}.access-login button{cursor:pointer;background:#204d41;color:white}.access-login .secondary{background:white;color:#204d41}.access-login [role=alert]{color:#8b301e;overflow-wrap:anywhere}.access-account-bar{position:fixed;right:12px;top:6px;z-index:60;display:flex;gap:8px;background:#fff;padding:5px;border-radius:12px;border:1px solid #dce4d8;max-width:calc(100vw - 24px);flex-wrap:wrap}.access-account-bar button{min-height:44px;border:1px solid #bdccba;background:#fff;border-radius:8px;padding:8px;color:#204d41}.access-private-status{position:fixed;top:65px;right:12px;z-index:61;background:#fff3d6;padding:8px;max-width:90vw}.access-private-status:empty{display:none}.access-overlay{position:fixed;inset:70px 0 0;background:#f7f8f3;z-index:59;overflow:auto}.access-recovery{overflow-wrap:anywhere;white-space:pre-wrap}.access-login a{color:#204d41;text-decoration:underline}@media(max-width:600px){.access-login{margin:16px;padding:18px}.access-account-bar{position:sticky;top:0}.access-overlay{inset:115px 0 0}}
.access-owner-page{padding-top:68px}.access-account-bar{align-items:center}.access-account-bar>span{padding:0 8px}.access-overlay{scroll-padding-top:12px}@media(max-width:600px){.access-owner-page{padding-top:126px}.access-account-bar{position:fixed;top:6px;left:12px;right:12px;display:grid;grid-template-columns:1fr 1fr}.access-account-bar>span{grid-column:1/-1}.access-account-bar button{min-width:0}.access-overlay{inset:126px 0 0}}

/* The root marker applies synchronously, including to legacy DOM inserted later. */
html[data-access-state]:not([data-access-state="ready"]) body > :not([data-access-barrier]),
html[data-access-state]:not([data-access-state="ready"]) body > :not([data-access-barrier]) * {
  visibility:hidden!important;pointer-events:none!important;user-select:none!important;
}
html[data-access-state]:not([data-access-state="ready"]) dialog:not([data-access-barrier]),
html[data-access-state]:not([data-access-state="ready"]) [popover]:not([data-access-barrier]),
html[data-access-state]:not([data-access-state="ready"]) dialog::backdrop {
  display:none!important;visibility:hidden!important;pointer-events:none!important;
}
[data-access-barrier]{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;z-index:2147483647;display:grid;align-items:start;justify-items:center;overflow:auto;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#f7f8f3;color:#253d30;font-family:system-ui,sans-serif;line-height:1.5;isolation:isolate;overscroll-behavior:contain}
[data-access-barrier][hidden]{display:none!important}
[data-access-barrier] *{box-sizing:border-box;overflow-wrap:anywhere;min-width:0}
.access-lifecycle-card{width:100%;max-width:34rem;margin-block:auto;padding:clamp(16px,4vw,28px);background:#fff;border:1px solid #dce4d8;border-radius:16px;display:grid;gap:16px}
.access-lifecycle-card h1{font-size:1.5rem;line-height:1.25;margin:0}
.access-lifecycle-card p{margin:0}
[data-access-barrier] button{font:inherit;min-height:48px;min-width:48px;max-width:100%;padding:10px 16px;border:1px solid #204d41;border-radius:9px;background:#204d41;color:#fff;cursor:pointer;white-space:normal}
[data-access-barrier] button:disabled{opacity:.6;cursor:wait}
[data-access-barrier] :focus-visible{outline:3px solid #9d5900;outline-offset:3px}
[data-access-barrier] [hidden]{display:none!important}
#access-capture-controls:empty{display:none}
.access-login input,.access-login button,.access-account-bar button{min-height:48px}