.account-controls{position:relative}.account-trigger{max-width:11rem;min-height:var(--tap-min);border:1px solid var(--line-strong);color:var(--cream);font:inherit;font-size:var(--t-small);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:.5rem 1rem;display:inline-flex;overflow:hidden}.account-menu{z-index:90;width:min(19rem, calc(100vw - 2 * var(--gutter)));border:1px solid var(--line-strong);border-radius:var(--radius-panel);background:var(--night-2);color:var(--cream);box-shadow:var(--shadow);padding:.75rem;position:absolute;top:calc(100% + .5rem);right:0}.account-menu a,.account-menu button{width:100%;min-height:var(--tap-min);color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;padding:.5rem .75rem;text-decoration:none;display:flex}.account-menu a:hover,.account-menu button:hover{background:#f5f0e514}.account-menu p{font-size:var(--t-small);padding:.5rem}.account-dialog{border:1px solid var(--line-strong);border-radius:var(--radius-panel);background:var(--night-2);width:min(31rem,100% - 2rem);color:var(--cream);box-shadow:var(--shadow);margin:auto;padding:clamp(1.5rem,4vw,2.5rem);position:fixed;inset:0}.account-dialog::backdrop{background:#05141abf}.account-dialog h2{font-family:var(--font-display);font-size:var(--t-h3);margin-bottom:1rem;font-weight:400}.account-dialog p{color:var(--ink-on-night-2);margin-bottom:1.5rem}.account-login-options{gap:.75rem;display:grid}.account-close{min-width:var(--tap-min);min-height:var(--tap-min);color:var(--cream);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:1rem;padding:.5rem 0}.account-trigger:focus-visible,.account-menu :focus-visible,.account-dialog :focus-visible{outline:2px solid var(--gold-line);outline-offset:4px}@media (max-width:720px){.account-trigger{max-width:7rem;padding-inline:.75rem}}