.account-nav{display:inline-flex;align-items:center;gap:.45rem;margin-left:auto;border:1px solid #d7ddda;border-radius:999px;padding:.55rem .8rem;background:#fff;color:#121417;font:inherit;font-weight:700;cursor:pointer;min-height:44px}.account-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.account-dialog{width:min(94vw,440px);max-height:90dvh;border:0;border-radius:24px;padding:2rem;background:#fff;color:#121417;box-shadow:0 12px 55px #12141744}.account-dialog::backdrop{background:#121417aa}.account-dialog h2{margin-top:0;padding-right:1.5rem}.account-dialog form{display:grid;gap:.75rem}.account-dialog form[hidden]{display:none}.account-dialog input,.account-page input{box-sizing:border-box;width:100%;min-height:48px;border:1px solid #777;border-radius:12px;padding:.7rem;font:inherit}.account-dialog button{min-height:44px}.account-close{position:absolute;right:1rem;top:.8rem;border:0;background:transparent;font-size:2rem;cursor:pointer}.account-status{min-height:1.5em}.account-page{padding-block:2.5rem 4rem}.account-page section{margin-block:2rem}.account-page [hidden]{display:none}.account-page form{display:grid;gap:1rem;max-width:480px}.account-page form label{display:grid;gap:.35rem}.account-card{border:1px solid #d7ddda;border-radius:16px;padding:1rem;margin-block:.7rem}.account-card p{margin:.25rem 0}.account-actions{display:flex;flex-wrap:wrap;gap:1rem}.account-actions button{min-height:44px;border-radius:999px;padding:.6rem 1rem;cursor:pointer}@media(max-width:600px){.account-dialog{margin:auto auto 0;width:100%;max-width:100%;border-radius:22px 22px 0 0;padding:1.5rem}.account-nav span{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body:has(.account-page form:focus-within) .bottom-nav{display:none}}