.avatar-popup{background:#fff;border:1px solid var(--border);border-radius:.7rem;box-shadow:0 8px 24px #07142c26;min-width:200px;padding:.5rem 0;position:absolute;right:0;top:calc(100% + 6px);text-align:left;z-index:200}.dark .avatar-popup{background:#161e30}.avatar-popup-nickname{color:var(--muted);font-size:.82rem;font-weight:600;padding:.4rem 1rem .3rem}.avatar-popup-item{align-items:center;background:transparent;border:0;color:var(--text);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;justify-content:flex-start;padding:.5rem 1rem;text-align:left;transition:background .15s ease;width:100%}.avatar-popup-item:hover{background:var(--accent-subtle)}.nickname-modal .modal-header{border-bottom:none;padding:.7rem .9rem .3rem}.nickname-modal .modal-body{padding:.4rem .9rem}.nickname-modal .modal-footer{border-top:none;padding:.3rem .9rem .7rem}.nickname-input-wrapper{align-items:center;background:var(--input-bg);border:1px solid var(--input-border);border-radius:.45rem;display:flex;transition:border-color .15s ease,box-shadow .15s ease}.nickname-input-wrapper:focus-within{border-color:var(--accent)}.nickname-at{color:var(--muted);font-size:.88rem;font-weight:600;line-height:1em;padding-left:.7rem;-webkit-user-select:none;user-select:none}.nickname-input-wrapper input,.nickname-input-wrapper input:focus,.nickname-input-wrapper input:focus-visible{background:transparent;border:none;box-shadow:none;color:var(--text);flex:1;font-size:.88rem;line-height:1em;outline:none;padding:.55rem .7rem .55rem .15rem}.avatar-popup-email{color:var(--muted);font-size:.75rem;padding:0 1rem .3rem}