.participant-avatar{display:block;object-fit:cover;object-position:center;border:1px solid var(--line);border-radius:50%;background:var(--raised);width:112px;height:112px}.account-avatar{width:36px;height:36px;flex-shrink:0}.tool-card-state{font-size:.85rem;color:var(--muted)}.portrait-upload{border-top:1px solid var(--line);margin-top:1.25rem;padding-top:1rem}.portrait-upload input[type=file]{max-width:100%;color:var(--text);font:inherit}.portrait-upload input::file-selector-button{font:inherit;padding:.65rem;margin-right:.6rem;border:1px solid var(--control-line);border-radius:8px;color:var(--text);background:var(--raised)}.participant-plan progress{width:100%;height:14px;accent-color:var(--primary)}.participant-plan .cards .card{min-width:0}@media(max-width:520px){.account-avatar{width:32px;height:32px}}

/* Shared account disclosure in the header, including the logout action. */
.participant-menu{position:relative;min-width:0}
.participant-menu-toggle{list-style:none;gap:.65rem;user-select:none}
.participant-menu-toggle::-webkit-details-marker{display:none}
.participant-menu-toggle::marker{content:""}
.participant-menu[open]>.participant-menu-toggle{border-color:var(--link);background:var(--info-bg)}
.participant-menu-icon{flex:0 0 22px;display:block}
.participant-menu-panel{position:absolute;top:calc(100% + .65rem);right:0;z-index:50;width:min(22rem,calc(100vw - 2rem));max-height:min(70vh,36rem);overflow-y:auto;padding:.5rem;background:var(--surface);border:1px solid var(--control-line);border-radius:12px;box-shadow:0 8px 24px #0003}
.participant-menu-identity{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:.5rem;border-bottom:1px solid var(--line)}
.participant-menu-identity>div{min-width:0}
.participant-menu-identity strong,.participant-menu-identity span{display:block;line-height:1.7}
.participant-menu-identity span{font-size:.875rem;color:var(--muted);overflow-wrap:anywhere}
.participant-menu-panel nav{display:grid;gap:.2rem}
.participant-menu-item{display:flex;align-items:center;gap:.8rem;width:100%;min-height:48px;padding:.7rem .75rem;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text);text-decoration:none;font:inherit;line-height:1.6;text-align:left;cursor:pointer}
.participant-menu-item:hover{background:var(--raised);text-decoration:none}
.participant-menu-item[aria-current=page]{background:var(--info-bg);border-color:var(--link);font-weight:700}
.participant-menu-item:focus-visible,.participant-menu-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.participant-menu-logout{margin:.5rem 0 0;padding-top:.5rem;border-top:1px solid var(--line)}
@media(max-width:1000px){.account-navigation{position:relative;width:100%}.participant-menu{position:static}.participant-menu-panel{width:min(22rem,100%)}}
@media(max-width:700px){.participant-menu-panel{left:0;right:auto}}

.participant-menu-section{display:block;padding:.8rem .75rem .25rem;font-size:.85rem;font-weight:700;border-top:1px solid var(--line)}