.account-boundary{width:min(100%,42rem);padding:1.25rem;padding-bottom:max(1.25rem, env(safe-area-inset-bottom));overflow-wrap:anywhere;margin:clamp(1rem,6vh,4rem) auto}.account-brand{align-items:center;gap:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.account-boundary h1{font-family:var(--serif);margin:1.5rem 0;font-size:clamp(2.5rem,8vw,4rem);font-weight:400;line-height:1.1}.account-boundary h2{margin:0 0 1rem;font-size:1.4rem}.account-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:clamp(1rem,4vw,1.5rem)}.account-card p{margin:1rem 0}.account-person{font-family:var(--serif);font-size:2rem;line-height:1.2}.account-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;display:flex}.account-boundary .button{white-space:normal;text-align:center;max-width:100%;min-height:44px;padding:.65rem 1rem}.account-actions .button{flex:auto}.account-boundary a:focus-visible,.account-boundary button:focus-visible{outline:3px solid var(--primary);outline-offset:4px}.account-workspace{margin-top:2rem}.account-workspace a{text-underline-offset:.2em;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}@media (max-width:390px){.account-boundary{padding:1rem}.account-actions{flex-direction:column}.account-actions .button{width:100%}}@media (max-height:480px) and (orientation:landscape){.account-boundary{margin:1rem auto}.account-boundary h1{margin:1rem 0}}.join-name{gap:.5rem;display:grid}.join-name input{box-sizing:border-box;width:100%;min-width:0;font:inherit;padding:.7rem}.join-name input:focus-visible{outline:3px solid var(--primary);outline-offset:3px}