.home-avatar-name-row{display:flex;align-items:center;justify-content:center;gap:5px;min-height:1.4em}.home-avatar-name-row .avatar-name{margin:0}
.home-avatar-role-switch{display:grid;place-items:center;width:22px;height:22px;padding:4px;border:0;border-radius:50%;background:transparent;color:var(--text-mid);cursor:pointer}
.home-avatar-role-switch[hidden]{display:none!important}.home-avatar-role-switch svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
dialog.home-avatar-dialog{position:fixed;inset:0;width:min(420px,calc(100% - 32px));max-width:none;max-height:75dvh;margin:auto;padding:20px;border:1px solid var(--border);border-radius:24px;background:var(--bg-card);color:var(--text);overflow:auto;transform:none}
.home-avatar-dialog::backdrop{background:#0004;backdrop-filter:blur(5px)}.home-avatar-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.home-avatar-dialog h2{margin:0;font:400 20px var(--font-cn)}
.home-avatar-close{width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;font-size:26px;cursor:pointer}
.home-avatar-role-list{display:grid;gap:8px}.home-avatar-role-list>button{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 12px;border:1px solid transparent;border-radius:14px;background:transparent;color:inherit;text-align:left;font:14px var(--font-cn);cursor:pointer}
.home-avatar-role-list>button[aria-pressed=true]{border-color:var(--border);background:color-mix(in srgb,var(--text) 8%,transparent)}.home-avatar-role-list>button:hover{background:color-mix(in srgb,var(--text) 6%,transparent)}
.home-avatar-role-portrait{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--accent-pale)}.home-avatar-role-portrait img{width:100%;height:100%;object-fit:cover}

@media(max-width:600px){dialog.home-avatar-dialog{inset:auto 0 0!important;width:100%!important;max-height:80dvh!important;margin:0!important;border-radius:26px 26px 0 0!important;padding:20px 20px calc(20px + env(safe-area-inset-bottom,0px))!important}}