.visitor-author{align-items:center;gap:var(--sp-2);vertical-align:middle;max-width:100%;display:inline-flex}.visitor-avatar{width:var(--sp-6);height:var(--sp-6);object-fit:cover;background:var(--panel);border:1px solid var(--hair);border-radius:50%;flex:none}.visitor-author>.visitor-avatar{width:var(--sp-6);height:var(--sp-6);flex:0 0 var(--sp-6);max-width:none;margin:0}.visitor-author .visitor-name{font:inherit;color:var(--ink);overflow-wrap:anywhere;text-align:start;background:0 0;border:0;padding:0;font-weight:700}.visitor-author button.visitor-name{cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--hair);text-decoration-color:var(--hair);text-underline-offset:.2em}.visitor-author button.visitor-name:hover{color:var(--accent-ink)}.visitor-badge{font-size:var(--fs-xs);color:var(--accent-ink);white-space:nowrap;font-weight:400}.visitor-identity{align-items:center;gap:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-4);font-size:var(--fs-xs);flex-wrap:wrap;grid-column:1/-1;display:flex}.visitor-identity .visitor-link,.visitor-link{color:var(--accent-ink);font:inherit;cursor:pointer;text-underline-offset:.2em;background:0 0;border:0;padding:0;text-decoration:underline}.visitor-hint{color:var(--muted);font-size:var(--fs-sm);line-height:1.7}.visitor-identity select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--hair);padding:var(--sp-1) var(--sp-2)}.visitor-identity [hidden]{display:none!important}.visitor-dialog{color:var(--ink);background:var(--paper);border:1px solid var(--ink-2);padding:var(--sp-6);width:min(28rem, calc(100vw - var(--sp-6)));max-height:calc(100dvh - var(--sp-6));overflow:auto}.visitor-dialog::backdrop{background:var(--visitor-backdrop);opacity:.65}.visitor-dialog h2{font-size:var(--fs-h3);margin:0 var(--sp-8) var(--sp-3) 0}.visitor-dialog h3{font-size:var(--fs-lg)}.visitor-dialog p{margin-block:var(--sp-3)}.visitor-crop-preview{width:min(100%, calc(var(--sp-8) * 4));aspect-ratio:1;height:auto;margin:var(--sp-4) auto;border:1px solid var(--accent-ink);touch-action:none;cursor:pointer;border-radius:50%;display:block}.visitor-crop-preview:focus-visible{outline:2px solid var(--accent-ink);outline-offset:var(--sp-1)}.visitor-crop-zoom{align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);display:flex}.visitor-crop-zoom input{min-width:0;accent-color:var(--accent-ink);flex:1}.visitor-crop-zoom output{min-width:var(--sp-7);text-align:end}.visitor-crop-position,.visitor-crop-actions{gap:var(--sp-2);margin-block:var(--sp-3);flex-wrap:wrap;display:flex}.visitor-crop-actions{justify-content:flex-end}.visitor-close{top:var(--sp-4);right:var(--sp-4);color:var(--muted);font:inherit;font-size:var(--fs-xs);cursor:pointer;background:0 0;border:0;position:absolute}.visitor-tabs{gap:var(--sp-4);padding:var(--sp-3) 0;border-bottom:1px solid var(--hair);margin-bottom:var(--sp-4);display:flex}.visitor-tabs [aria-pressed=true]{color:var(--ink);font-weight:700;text-decoration:none}.visitor-form{gap:var(--sp-4);display:grid}.visitor-form label{gap:var(--sp-2);font-size:var(--fs-sm);display:grid}.visitor-form input,.visitor-form textarea{box-sizing:border-box;width:100%;min-width:0;padding:var(--sp-3);color:var(--ink);background:var(--paper);border:1px solid var(--hair);font:inherit;border-radius:0}.visitor-form input:focus-visible,.visitor-form textarea:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.visitor-primary,.visitor-secondary{padding:var(--sp-2) var(--sp-4);border:1px solid var(--ink);color:var(--paper);background:var(--ink);font:inherit;cursor:pointer;justify-self:start}.visitor-secondary{color:var(--ink);border-color:var(--hair);background:0 0}.visitor-primary:hover:not(:disabled){background:var(--accent-ink);border-color:var(--accent-ink)}.visitor-primary:disabled,.visitor-secondary:disabled{opacity:.6;cursor:default}.visitor-error{color:var(--accent-ink);overflow-wrap:anywhere}.visitor-error[hidden]{display:none}.visitor-recovery{border-block:1px solid var(--hair);padding-block:var(--sp-4);margin-block:var(--sp-4)}.visitor-recovery-code{padding:var(--sp-3);margin-block:var(--sp-3);color:var(--ink);background:var(--panel);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;display:block}.visitor-card{text-align:center;padding-block:var(--sp-4)}.visitor-card .visitor-avatar{width:var(--sp-8);height:var(--sp-8);margin-inline:auto}.visitor-signature{white-space:pre-wrap;overflow-wrap:anywhere}.visitor-account{max-width:var(--measure);margin:var(--sp-7) auto var(--sp-8)}.visitor-account h1{font-size:var(--fs-title);margin-bottom:var(--sp-4);line-height:1.1}.visitor-account h2{font-size:var(--fs-h3)}.visitor-account-section{padding-block:var(--sp-5);border-top:1px solid var(--hair)}.visitor-account-header{align-items:center;gap:var(--sp-4);margin-block:var(--sp-5);display:flex}.visitor-account-header .visitor-avatar{width:var(--sp-8);height:var(--sp-8)}.visitor-avatar-heading{font-size:var(--fs-sm);margin-block:var(--sp-4) var(--sp-2)}.visitor-avatar-choices{max-width:calc(var(--sp-8) * 4);gap:var(--sp-2);margin-block:var(--sp-2) var(--sp-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.visitor-avatar-choice{place-items:center;gap:var(--sp-1);padding:var(--sp-2);border:1px solid var(--hair);background:var(--paper);color:var(--ink);font:inherit;font-size:var(--fs-xs);cursor:pointer;display:grid}.visitor-avatar-choice[aria-pressed=true]{border-color:var(--accent-ink);outline:1px solid var(--accent-ink)}.visitor-avatar-choice .visitor-avatar{width:var(--sp-8);aspect-ratio:1;max-width:100%;height:auto}.visitor-account details>summary{padding-block:var(--sp-3);cursor:pointer}.visitor-account details .visitor-form{padding-block:var(--sp-3)}.visitor-account input[readonly]{color:var(--muted)}@media (max-width:480px){.visitor-dialog{padding:var(--sp-5)}.visitor-dialog h2{max-width:75%}}
