.account-button{border:1px solid #dfe4dc;background:#fff;color:#435047;border-radius:5px;padding:8px 10px;font:10px var(--sans);cursor:pointer;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-button span{margin-left:4px;color:#6d874f}.account-button:hover{border-color:#b6c7aa;background:#fbfcf9}
.auth-backdrop[hidden]{display:none}.auth-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#13231dcc;backdrop-filter:blur(5px)}
.auth-dialog{position:relative;width:min(100%,410px);padding:34px 36px 27px;background:#fbfbf8;border:1px solid #e5e9e1;border-radius:11px;box-shadow:0 24px 80px #0b1c1740;animation:auth-in .18s ease-out}
.auth-close{position:absolute;right:14px;top:12px;width:30px;height:30px;border:0;border-radius:50%;background:#eef1e9;color:#778178;font-size:21px;line-height:1;cursor:pointer}.auth-close:hover{background:#e4eadc;color:#314a38}
.auth-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--green);color:var(--acid);font:italic 23px var(--display);letter-spacing:-3px;padding-right:3px;margin-bottom:20px}
.auth-kicker{font:8px var(--mono);letter-spacing:1.25px;color:#819181}.auth-dialog h2{font:600 27px var(--display);letter-spacing:-1px;color:#1b2a23;margin:7px 0}.auth-copy{font-size:11px;color:#77817a;line-height:1.6;margin:0 0 22px}
.auth-dialog form{display:flex;flex-direction:column}.auth-dialog form label{font:10px var(--sans);color:#5d6a61;margin:12px 0 6px}.auth-dialog input{height:39px;border:1px solid #dfe4dc;border-radius:5px;background:#fff;padding:0 11px;color:#26352c;font:12px var(--sans);outline:0}.auth-dialog input:focus{border-color:#95aa81;box-shadow:0 0 0 3px #95aa811a}
.auth-submit{height:41px;display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding:0 13px;border:0;border-radius:5px;background:var(--green);color:white;font:500 11px var(--sans);cursor:pointer}.auth-submit span{color:var(--acid)}.auth-submit:disabled{opacity:.65;cursor:wait}
.auth-message{min-height:0;margin-top:7px;color:#a54432;font-size:10px;line-height:1.5}.auth-message:empty{display:none}.auth-message[data-kind="success"]{color:#547541}.auth-register{border-top:1px solid #e7eae3;margin:21px 0 0;padding-top:16px;color:#77817a;font-size:10px}.auth-register a{color:#395c40;text-decoration:none;font-weight:600}.auth-register a:hover{text-decoration:underline}.auth-footnote{font:8px/1.6 var(--mono);color:#a0a8a0;margin:14px 0 0}
.auth-account{padding:12px;border:1px solid #e2e7dc;background:#f0f3eb;border-radius:6px;margin:12px 0}.auth-account p{font-size:11px;color:#67736a;margin:0 0 10px;line-height:1.5}.auth-account strong{color:#3c5240;overflow-wrap:anywhere}.auth-signout{border:0;background:transparent;color:#54714c;padding:0;font:600 10px var(--sans);cursor:pointer}.auth-signout:hover{text-decoration:underline}
@keyframes auth-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:800px){.top-actions{gap:9px}.account-button{padding:8px}}
@media(max-width:520px){.account-button{font-size:9px;padding:7px 8px;max-width:91px}.top-actions{gap:7px}.auth-dialog{padding:29px 23px 23px}}