#account-entry{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px;overflow:auto;color:#fff;font-family:var(--f-b,'IBM Plex Sans',system-ui,sans-serif);text-shadow:0 1px 3px rgba(40,10,20,.55);background:rgba(54,24,38,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:entry-in .2s ease-out}
#account-entry *{box-sizing:border-box}#account-entry [hidden]{display:none!important}#account-entry button,#account-entry input{font:inherit}#account-entry button{cursor:pointer}#account-entry button:disabled{cursor:wait}#account-entry :focus-visible{outline:2px solid #fff;outline-offset:3px}
#entry-panel{width:min(340px,100%);background:rgba(255,255,255,.13);border-radius:4px;padding:22px 22px 14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;gap:14px}
#account-heading{font:800 22px/1 var(--f-b,'IBM Plex Sans',sans-serif);letter-spacing:.06em;text-transform:uppercase;margin:0;outline:none}
#account-form{display:flex;flex-direction:column;gap:12px}.entry-field{display:grid;gap:6px}
#account-form label{font:800 10.5px/1 var(--f-b,'IBM Plex Sans',sans-serif);letter-spacing:.1em;text-transform:uppercase}
#account-form input{width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:4px;background:rgba(255,255,255,.92);color:#2a1a22;text-shadow:none}
#account-submit{min-height:46px;border:0;border-radius:4px;background:#F07B3F;color:#fff;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:14px;margin-top:4px}#account-submit:hover{filter:brightness(1.08)}#account-submit:disabled{opacity:.65}
#account-toggle,#account-back{border:0;background:none;color:#fff;font-weight:600;font-size:13px;text-decoration:underline;text-underline-offset:3px;min-height:36px;opacity:.9}#account-back{align-self:center;text-decoration:none;opacity:.75;font-size:12px}
#account-message{margin:0;padding:8px 10px;border-radius:4px;background:rgba(255,255,255,.92);color:#a33424;font-size:13px;line-height:1.4;text-shadow:none}#account-message:empty{display:none}
@keyframes entry-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){#account-entry{animation:none}}
